更新记录

v1.18(2022-03-04) 下载此版本

添加ios端Apple地图地图,修复app打开导航后返回再次打开不能规划路径的问题

v1.17(2021-01-21) 下载此版本

修改H5Ios端APP不存在不能跳转到下载界面的bug

v1.16(2020-12-30) 下载此版本

新增唤起地图APP直接打开驾车导航功能,优化微信小程序唤起APP步骤(目前是直接点击选择地图唤起APP进行导航,不再是原生的查看位置进行导航)

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
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”】

隐私、权限声明

1. 本插件需要申请的系统权限列表:

一些浏览器需要申请打开第三方应用权限;

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问