美文网首页前端开发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); 
      }
    });
  },

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

相关文章

  • 地图坐标转换

    百度地图转换腾讯坐标 腾讯转百度坐标 百度转腾讯火星坐标

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

    百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的API进行转换。 如果没有...

  • 百度地图坐标转高德地图

    百度地图坐标和高德地图坐标转换代码 Java实现 最近做项目需要百度地图坐标转换到高德地图坐标,高德官方也给出了转...

  • 百度平面坐标(墨卡托坐标)转百度坐标,转高德坐标

    参考: 1. 百度平面坐标(墨卡托坐标)转百度坐标,转高德坐标2.百度地图API详解之地图坐标系统 工具类代码:

  • baidu地图坐标转腾讯地图坐标

    baidu地图坐标是自主研发得,腾讯和谷歌用得是一样得。我们再pc端使用得baidu地图再小程序中使用得腾讯地图所...

  • 地图经纬度

    /** * 中国正常GCJ02坐标---->百度地图BD09坐标 * 腾讯地图用的也是GCJ02坐标 * @par...

  • iOS 跳转地图

    根据地点转坐标 再用坐标定位,应为坐标格式需要转火星文,火星文使用的百度坐标,所以只有百度地图准确度较高,其他地图...

  • 各大地图坐标系

    谷歌地图API,高德地图API,腾讯地图API,都是GCJ-02坐标 百度API上取到的,是BD-09坐标,只适用...

  • 2018-07-09

    地图坐标:百度地图 —— 百度坐标系:bd09高德地图 —— 火星坐标系:GCJ-02坐标系(国测局坐标)WGS8...

  • 数据爬取

    (一)地理偏移 高德地图:GCJ-02 坐标系(火星坐标系)百度地图:BD-09坐标系(百度坐标系)不同地图定位偏...

网友评论

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

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