RELATEED CONSULTING
相关咨询
在线沟通
手机:13486983554
服务时间:8:30-20:00
建站知识
关闭右侧工具栏

技术支持

技术支持分类
微信小程序腾讯地图插件使用以及中走过的坑(不
  • 作者:admin
  • 发表时间:2019-03-23 07:21
  • 来源:未知
义乌小程序开发小编在使用微信小程序腾讯地图插件的时候遇到了一个坑,一个小小的坑,花了我几个小时的时间才搞定,只是一个小小的失误,我相信很多人都会遇到,于是我写下这篇文章希望能帮到一些人。

首先教你们如何使用腾讯地图插件,然后再说我遇到的坑:
3.1 app.json配置


"plugins":{
"myPlugin":{
"version":"1.0.6",
"provider":"wx5bc2ac602a747594"
}
}

3.2 项目中配置wxml,json,js

wxml

<map-route route-info="{{routeInfo}}"></map-route>

json

{
  "usingComponents": {
    "map-route": "plugin://myPlugin/mapRoute"
  }
}

js

复制代码
Page({
 data: {
   routeInfo: {
    startLat: 0.0,    //起点经度 选填
    startLng: 0.0,    //起点纬度 选填
    startName: "未获取到起点",   // 起点名称 选填
    endLat: 0.0,    // 终点经度必传
    endLng: 0.0,  //终点纬度 必传
    endName: "未获取到终点",  //终点名称 必传
    mode: "car"  //算路方式 选填
   }
 },
 onLoad: function (options) {
    let plugin = requirePlugin("myPlugin");

   this.setData({
     routeInfo: {
       startLat: parseFloat(options.latStart),    //起点经度 选填
       startLng: parseFloat(options.lngStart),    //起点纬度 选填
       startName: options.get_address,   // 起点名称 选填
       endLat: parseFloat(options.latEnd),    // 终点经度必传
       endLng: parseFloat(options.lngEnd),  //终点纬度 必传
       endName: options.give_address,  //终点名称 必传
       mode: "car"  //算路方式 选填
     }
    })
  },
 })

入坑开始:

首先看图
这是在没有配置好的情况下,一直获取不到要到的终点,也没有路线,我试了很多次,代码也检查了不知道多少遍,觉得确实没有问题,可地图就是出不来终点和路线,最后在想要放弃的时候,突然想到是不是我填的经纬度有问题。于是我把经纬度换一个位置,结果就ok了。我去我花了几个小时就是因为经纬度填反了。看图:这是之前填的这是修改后的修改后就OK了。

之所以我会填反了主要是因为在百度地图上查地址经纬度的时候,百度给的就是这样,看图可能是我习惯说经纬度,按照百度这么来,我们应该叫纬经度。