vue+腾讯位置服务 实现坐标拾取器功能

需求

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

vue+腾讯位置服务 实现坐标拾取器功能_第1张图片

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

代码

  • 在dom新建div渲染地图

  
  
  
  搜索

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

  • js定义地图变量并设置需求
var searchService,geocoder,map,markersArray = [];

文档参考

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

地址解析(地址转坐标)

JavaScript API GL参考手册

作者:houqq

链接:https://segmentfault.com/a/11...

来源:segmentfault

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(腾讯地图,地图,地图开发,地图api,vue.js)