vue-city - 城市选择器
vue-region-picker - 选择中国的省份市和地区
地图
vue-amap - 基于Vue 2和高德地图的地图组件
vue-google-maps - 带有双向数据绑定Google地图组件
vue-baidu-map- 基于 Vue 2的百度地图组件库
vue-cmap - Vue China map可视化组件
put id="demo1" type="text" readonly="" name="input_area" placeholder="城市选择特效"/>将样式文件引入到页面中：
<link rel="stylesheet" href="css/common/lArea.css">
同时引入js文件到页面中：
<script src="lArea.js"></script>
初始化插件：
var area = new lArea()
area.init({
'trigger': '#demo1',//控件I
gis提供了拼音查询功能插件
js城市选择-实现地区下拉的拼音和声母检索插件
以下就是实现js城市选择的效果，可以支持拼音和声母的检索。实现这个功能还是有难度的，但是用起来就很简单，我在一个网站上抠下后整理了一下，现在只用引入一个js就可以实现这个效果。
源码很长，js的源码就不贴出来了，占地方。需要这个插件的话，可以右键插件源代码，然后查找"cityList.js"，即可定位到这个插件的js，再下载下来就行了。
HTML 部分代码：
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8"/>
<script type="text/javascript" src="cityList.js"></script>
<input type="text" id="city" autocomplete="off" value="上海" name="s_cities" onclick="this.value=''GetCityList(this)" onkeyup="selCity(event)" class="inputbox" />
