微信小程序腾讯地图插件使用以及中走过的坑(不

2019-07-20

129

义乌小程序开发小编在使用微信小程序腾讯地图插件的时候遇到了一个坑,一个小小的坑,花了我几个小时的时间才搞定,只是一个小小的失误,我相信很多人都会遇到,于是我写下这篇文章希望能帮到一些人。

首先教你们如何使用腾讯地图插件,然后再说我遇到的坑:
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了。

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

DLweb`build
度良网络科技有限公司为您建设最时尚前沿的网站以及高端网站设计

沪ICP备16017573号

Copyright©2018 度良 All Rights Reserved.

友情链接:

义乌网站建设