详解vue实现坐标拾取器功能示例

需求

1、搜索具体地址，自动填写经纬度，并在地图上标记

2、点击地图上一点，可重新填写经纬度并且标记

代码

在dom新建div渲染地图

 
 
 
 搜索

点击地图更换分店定位地址

js定义地图变量并设置需求

var searchService,geocoder,map,markersArray = [];

文档参考

以上代码使用的是jsapi功能，目前对应功能已升级Javascript API GL，地址解析功能可直接调取接口使用，欢迎大家体验！

地址解析（地址转坐标）
Javascript API GL参考手册

到此这篇关于详解vue实现坐标拾取器功能示例的文章就介绍到这了,更多相关vue 坐标拾取器内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网！