这篇文章主要介绍了详解vue实现坐标拾取器功能示例,文中通过示例代码介绍的非常详细,对大本文来源gaodai#ma#com搞@@代~&码网^家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
需求
1、搜索具体地址,自动填写经纬度,并在地图上标记
2、点击地图上一点,可重新填写经纬度并且标记
代码
在dom新建div渲染地图
搜索<span class="changeAddress">点击地图更换分店定位地址</span><!-- 渲染地图的div容器 --><div id="container" class="mapbox"></div>
js定义地图变量并设置需求
var searchService,geocoder,map,markersArray = [];
文档参考
以上代码使用的是jsapi功能,目前对应功能已升级JavaScript API GL,地址解析功能可直接调取接口使用,欢迎大家体验!
地址解析(地址转坐标)
JavaScript API GL参考手册
以上就是详解vue实现坐标拾取器功能示例的详细内容,更多请关注gaodaima搞代码网其它相关文章!