使用 jQuery 开发款基于高德地图的位置选择插件

收藏

bootstrap.AMapPositionPicker是一款基于高德地图的位置选择插件，使用jQuery开发。主要特性有： data-*属性配置 初始位置数据 浏览器定位 字段显示格式、验证 数据控件绑定 支持地理逆编码 自定义Modal外观样式

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

bootstrap.AMapPositionPicker是一款基于高德地图的位置选择插件，使用jQuery开发。主要特性有： data-*属性配置 初始位置数据 浏览器定位 字段显示格式、验证 数据控件绑定 支持地理逆编码 自定义Modal外观样式

使用方法
依次引入高德地图JS、jQuery、Bootstrap和bootstrap.AMapPositionPicker.min.js文件。
＜script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"＞＜/script＞
＜script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"＞＜/script＞
＜script type="text/javascript" src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"＞＜/script＞
＜script type="text/javascript" src="./dist/bootstrap.AMapPositionPicker.min.js"＞＜/script＞
在目标输入框初始化选项。
html代码

＜input type="text" id="id_address_input" name="address"/＞
JS代码

$("#id_address_input").AMapPositionPicker();
构建
项目使用gulp工具构建。

测试
(待完善)

文档
OSC软件主页
文档&示例
协议
本项目基于MIT协议开源。