【笔记】使用腾讯地图坐标转换

首先是js的引用

<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script>

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

<script type="text/javascript" charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=YOUR_KEY&libraries=convertor"></script>

其中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);
    });
});