更新记录
v1.18(2022-03-04)
添加ios端Apple地图地图,修复app打开导航后返回再次打开不能规划路径的问题
v1.17(2021-01-21)
修改H5Ios端APP不存在不能跳转到下载界面的bug
v1.16(2020-12-30)
新增唤起地图APP直接打开驾车导航功能,优化微信小程序唤起APP步骤(目前是直接点击选择地图唤起APP进行导航,不再是原生的查看位置进行导航)
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
使用说明
本插件适合用于H5,APP,微信小程序开发时唤起手机安装的地图APP进行导航;因为微信公众号页面不能调起外部地图APP,只能使用公众号自己的SDK,可自行到微信公众平台:使用微信内置地图查看位置接口查看(使用过程中遇到问题可以加交流群:865939377咨询)
注:微信小程序使用需在当前页面添加map组件;微信小程序只能传入终点位置信息进行导航,不能自定义起点。
注:本次更新统一修改了方法的名称,更新时注意修改调用方法名称
使用方式
路线规划
<map id="map" hidden="true"></map> //微信小程序页面添加
import Map from '@/js_sdk/fx-openMap/openMap.js'
//既有起点也有终点
var options = {
origin:{ //导航起点坐标和名称,如果不传则起点为当前位置
latitude:39.92848272,
longitude:116.39560823,
name:"起点名称"
},
destination:{ //导航终点点坐标和名称
latitude:39.98848272,
longitude:116.47560823,
name:"终点名称"
},
mode:"drive", //导航方式 公交:bus驾车:drive(默认),步行:walk,骑行:bike
mapId:"map" //map 组件的 id (微信小程序端必传)
}
//只有有终点(起点默认为当前位置) 微信小程序使用方式
var options = {
destination:{ //导航终点点坐标和名称
latitude:39.98848272,
longitude:116.47560823,
name:"终点名称"
},
mode:"drive", //导航方式 公交:bus驾车:drive(默认),步行:walk,骑行:bike
mapId:"map" //map 组件的 id (微信小程序端必传)
}
Map.routePlan(options,type)
属性说明:
参数 |
类型 |
说明 |
是否必选 |
options |
Object |
|
是 |
┣ origin |
Object |
导航起点坐标和名称,如果不传则起点为当前位置 |
否 |
┣ ┣ latitude |
Float |
纬度(默认GCJ-02坐标系) |
是 |
┣ ┣ longitude |
Float |
经度(默认GCJ-02坐标系) |
是 |
┣ ┣ name |
String |
地图标注名称 |
否 |
┣ destination |
Object |
导航终点点坐标和名称 |
是 |
┣ ┣ latitude |
Float |
纬度(默认GCJ-02坐标系) |
是 |
┣ ┣ longitude |
Float |
经度(默认GCJ-02坐标系) |
是 |
┣ ┣ name |
String |
地图标注名称 |
否 |
┣ mode |
String |
导航方式 公交:bus驾车:drive(默认),步行:walk,骑行:bike |
否 |
┣ mapId |
String |
map 组件的 id (微信小程序端必传) |
否 |
type |
String |
地图坐标系类型【“gcj02(默认)”、“wgs84”、“bd09”】 |
否 |
驾车导航(直接调起地图APP导航;注:腾讯地图和微信小程序只能实现路径规划不能实现直接导航)
<map id="map" hidden="true"></map> //小程序页面添加
import Map from '@/js_sdk/fx-openMap/openMap.js'
var options = {
destination:{ //导航终点点坐标和名称
latitude:39.98848272,
longitude:116.47560823,
name:"终点名称"
},
mapId:"map" //map 组件的 id (微信小程序端必传)
}
Map.navigation(options,type)
属性说明:
参数 |
类型 |
说明 |
是否必选 |
options |
Object |
|
是 |
┣ destination |
Object |
导航终点点坐标和名称 |
是 |
┣ ┣ latitude |
Float |
纬度(默认GCJ-02坐标系) |
是 |
┣ ┣ longitude |
Float |
经度(默认GCJ-02坐标系) |
是 |
┣ ┣ name |
String |
地图标注名称 |
否 |
┣ mapId |
String |
map 组件的 id (微信小程序端必传) |
否 |
type |
String |
地图坐标系类型【“gcj02(默认)”、“wgs84”、“bd09”】 |
否 |