博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【笔记】使用腾讯地图坐标转换
阅读量:6040 次
发布时间:2019-06-20

本文共 1738 字,大约阅读时间需要 5 分钟。

 

首先是js的引用

 

腾讯地图js除了提供基本的功能库外,还提供了一些有用的附加库,下面这个是引用了坐标转换库的js引用

其中libraries参数用来指明加载的附加库,可以指定多个附加库名称,

名称之间用英文半角字符逗号","分隔。支持的附加库种类:

  • drawing 绘图工具库,用于在地图上方绘制折线、多边形、圆等几何图形;
  • geometry 几何运算库,用于计算地球表面的距离、面积等;
  • autocomplete 文本输入提示库,用于快速帮助用户完成检索关键词输入;
  • convertor 坐标转换库,将标准经纬度或其它地图API经纬度转换为腾讯经纬度坐标系。

关于附加库的详细接口,请参见腾讯地图的。

 

我这里只需要引用坐标转换库

首先是地图坐标转换,其实这些在腾讯地图API中都能找的到,我这边只是做个笔记,方便下次用到。

//百度地图坐标转腾讯地图坐标conver: function () {  //转换百度坐标为腾讯坐标   qq.maps.convertor.translate(new qq.maps.LatLng("百度坐标N", "百度坐标E"), 3, function (res) {     latlng = res[0];     //console.log(latlng);     location.href = "http://apis.map.qq.com/uri/v1/marker?marker=coord:" + latlng.lat + "," + latlng.lng + ";title:想要显示的坐标名称&referer=myapp"; })
}

 

然后是根据地址查询坐标

selectLoaction: function () {  //调用地址解析类   geocoder = new qq.maps.Geocoder({     complete: function (result) {        location.href = "http://apis.map.qq.com/uri/v1/marker?marker=coord:" + result.detail.location.lat + "," + result.detail.location.lng + ";title:想要显示的坐标名称&referer=myapp";       }   });   geocoder.getLocation("需要查询的地址"); }

 

最后一个是对标记的操作,在地图上点击时添加一个标记,并删除原来的标记。

//初始坐标 var center = new qq.maps.LatLng(39.916527, 116.397128);map = new qq.maps.Map(document.getElementById('container'), {    center: center,    zoom: 15});//添加监听事件,获取鼠标单击事件qq.maps.event.addListener(map, 'click', function (event) {    //删除一个初始标记    if (markersArray) {        for (i in markersArray) {            markersArray[i].setMap(null);        }    }    //添加标记    var marker = new qq.maps.Marker({        position: event.latLng,        map: map    });    console.log(event.latLng);    //删除原来的标记    qq.maps.event.addListener(map, 'click', function (event) {        marker.setMap(null);    });});

 

转载于:https://www.cnblogs.com/yuzuoxiang/p/5809014.html

你可能感兴趣的文章
Docker 清理命令
查看>>
利用NRPE外部构件监控远程主机
查看>>
使用模块化编译缩小 apk 体积
查看>>
小别5年,又回到熟悉的行业。
查看>>
router-link传参
查看>>
ios之UISlider
查看>>
短信验证流程
查看>>
php 使用htmlspecialchars() 和strip_tags函数过滤HTML标签的区别
查看>>
OpenCV Error: Assertion failed (data0.dims <= 2 && type == 5 && K > 0) in cv::kmeans
查看>>
python string 之 format
查看>>
树形DP 复习
查看>>
Vuex随笔
查看>>
crontab 不执行
查看>>
避免用for循环写数据
查看>>
Dijkstra(变形) POJ 1797 Heavy Transportation
查看>>
关于Webpack详述系列文章 (第三篇)
查看>>
关于Webpack详述系列文章 (第四篇)
查看>>
分布式系统的面试题15
查看>>
个人代码库の创建快捷方式
查看>>
由strcat函数引发的C语言中数组和指针问题的思考
查看>>