求推荐vue.js地址选择插件和地图插件

JavaScript011

求推荐vue.js地址选择插件和地图插件,第1张

地址选择

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" />