美文网首页前端开发WEB前端程序开发微信小程序开发
微信小程序-百度地图坐标转腾讯地图坐标

微信小程序-百度地图坐标转腾讯地图坐标

作者: 无枉少年 | 来源:发表于2019-07-04 17:09 被阅读0次
    百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的API进行转换。

    如果没有开发密钥(key),就到腾讯地图官方文档进行申请和下载qqmap-wx-jssdk.js
    腾讯地图官方文档

    申请步骤
    填写信息
    wxml代码
    <map id='map' longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" show-location bindmarkertap='map_details' scale="16" bindtap='open_map_details'>
      </map>
    

    js代码

    // 引入SDK核心类
    var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');
    
    
    //百度经纬度转换腾讯经纬度
      reverseLocation: function() {
        var that = this;
        // 实例化API核心类
        var demo = new QQMapWX({
          key: '申请的开发密钥'
        });
        // 调用接口
        demo.reverseGeocoder({
          location: {
            latitude: that.data.latitude,
            longitude: that.data.longitude
          },
          coord_type: 3, //baidu经纬度
          success: function(res) {
            var latitude = res.result.ad_info.location.lat;
            var longitude = res.result.ad_info.location.lng;
            var markers = [{
              iconPath: '../../../images/common/location.png',
              longitude: longitude,
              latitude: latitude,
              id: "map",
            }]
            console.log(markers)
            that.setData({
              markers: markers,
              latitude: latitude,
              longitude: longitude
            })
          },
          fail: function(error) {        
            console.error(error);      
          },
          complete: function(res) {        
            console.log(res); 
          }
        });
      },
    

    日常笔记!个人项目亲测可行。

    相关文章

      网友评论

        本文标题:微信小程序-百度地图坐标转腾讯地图坐标

        本文链接:https://www.haomeiwen.com/subject/arurhctx.html