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

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

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

淘建站为您提供更多_其它特效_jQuery插件_地图_插件,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 239 次

下载资源

66 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

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协议开源。

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/2733.html
使用 jQuery 开发款基于高德地图的位置选择插件 希望对你有帮助,感谢您的支持!
  • echarts实例热门地图动态效果代码

    echarts实例热门地图动态效果代码

  • jQuery手机大众点评下拉菜单选择特效

    jQuery手机大众点评下拉菜单选择特效

  • html5电子书插件3D翻页效果电子书特效

    html5电子书插件3D翻页效果电子书特效

  • html5 slider响应式图片轮播插件

    html5 slider响应式图片轮播插件

  • html5 echarts图表插件炫光的分布地图动画特效

    html5 echarts图表插件炫光的分布地图动画特效

  • aos.js插件css3页面滚动div元素动画特效

    aos.js插件css3页面滚动div元素动画特效

  • html5 canvas山东省地图分布颜色标记

    html5 canvas山东省地图分布颜色标记

  • html5 svg制作交互式3D商场地图特效

    html5 svg制作交互式3D商场地图特效

  • 纯css3仿GPS地图导航定位动画特效

    纯css3仿GPS地图导航定位动画特效

  • html5粒子波浪运动雪花飘落特效集合插件

    html5粒子波浪运动雪花飘落特效集合插件

  • Slideshow—3D-动画视觉广告插件

    Slideshow—3D-动画视觉广告插件

  • 网页下雪特效插件jquery.snow

    网页下雪特效插件jquery.snow

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2