微信小程序高德地图路线规划实现过程详解_高德地图现用寻路算法资源-CSDN文库

微信小程序

114 浏览量 2020-10-16 14:40:32 上传评论 2 收藏 63KB PDF 举报

资源推荐

资源详情

资源评论

微信小程序微信小程序高德地图路线规划实现过程详解高德地图路线规划实现过程详解

主要介绍了微信小程序路线规划实现过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

前言前言

最近项目中做到相关网约车小程序。需要使用到地图中的路线规划，对3种地图进行了分析。这里稍微做一下总结：

百度地图百度坐标（BD-09）

腾讯地图火星坐标(GCJ-02)

高德地图火星坐标(GCJ-02)

微信小程序中使用的是腾讯地图作为底图。因此如果使用百度地图时，需要注意坐标的转换。此类坐标的转换函数在网上都有，这里不做过多解释

准备工作：准备工作：

1、在做小程序 ---- 路线规划之前，需要准备小程序APPID 以及相应使用地图的KEY值。

2、微信小程序API 之位置 API wx.getLocation(OBJECT)、wx.chooseLocation(OBJECT)、wx.openLocation(OBJECT)的相应用法： https://blog.csdn.net/qq_37968920/article/details/82315755

各地图平台各地图平台-------小程序开发的官方文档小程序开发的官方文档

1、高德地图：微信小程序-路线规划,地图导航功能基于高德地图API官方文档 https://lbs.amap.com/api/wx/guide/route/route

2、百度地图：　微信小程序JavaScript API ----- http://lbsyun.baidu.com/index.php?title=wxjsapi （百度地图路线规划适用于：android / ios / web,故不适用，排除百度地图）

3、腾讯地图：　微信小程序JavaScript SDK 路线规划 --------- https://lbs.qq.com/qqmap_wx_jssdk/method-direction.html

因此使用高德地图和腾讯地图都可以进行路线规划，通过学习官方文档，了解到其实这两个平台的代码思路是一样的，以下以高德地图为例作详细的说明：因此使用高德地图和腾讯地图都可以进行路线规划，通过学习官方文档，了解到其实这两个平台的代码思路是一样的，以下以高德地图为例作详细的说明：

高德地图-路线规划开发：根据官方文档demo进行开发：https://lbs.amap.com/api/wx/guide/route/route

注意：数组数据在注意：数组数据在setData时候的使用方法时候的使用方法

var markesName = "markers[" + 0 + "].name";

that.setData({

[markesName]: name,

})

注意需要先加载头部的相关文件注意需要先加载头部的相关文件

var amapFile = require('../../libs/amap-wx.js');

var config = require('../../libs/config.js');

文件文件config.js

var config = {

key: '1***********************'

}

module.exports.Config = config;

效果图：效果图：

微信小程序 高德地图路线规划实现过程详解

微信小程序基于高德地图API出行路线规划、地图导航

微信小程序使用map组件实现路线规划功能示例

微信小程序----高德地图API实现的DEMO

微信小程序地图demo

小程序实现map搜索/定位/检索/天气/路线规划

百度地图API适应手机移动端微信小程序定位导航路径规划

微信小程序基于canvas的自定义地图控件，实现瓦片地图等SimpleMap-wx-master.zip

微信小程序 地图定位 地图定位 （源代码+截图）

微信小程序 小程序地图定位 (源码)

微信小程序投票系统微信小程序云开发实现的投票微信小程序系统源码.zip

微信小程序 地图定位 滴滴作业 （源代码+截图）

微信小程序-地图导览，校园地图小程序school-map-master.zip

微信小程序完美的利用canvas做的折线图wechat_Chart-master.zip

自定义地图底图（瓦片）Demo

微信小程序地图map使用demoMapDemo-master.zip

微信小程序+腾讯地图开发实现路径规划绘制

微信小程序地图实现展示线路

微信小程序高德地图sdk

音乐播放器微信小程序的设计与实现 (3).docx

amap-uni.js

wepy小程序高德地图API自定义地图

微信小程序实现地图搜索/定位/检索/天气/路线规划

微信小程序校园地图设计开发.docx.docx

最新资源

微信小程序高德地图路线规划实现过程详解

微信小程序地图定位地图定位（源代码+截图）

微信小程序小程序地图定位 (源码)

微信小程序地图定位滴滴作业（源代码+截图）