使用高德地图sdk进行导航
cordova plugin add https://github.com/yanxiaojun617/com.kit.cordova.amapnavigation.git --save
更多详情请看http://www.jianshu.com/p/85aceaee3b35
- 修改 plugin.xml(:23) 文件中的高德地图android key
<preference name="amapapikey" value="这里填您申请的高德地图ios key"/>
ps:如果也使用了定位插件,则不需要配置android key,因为在定位插件中已经配置了android key
- 修改 plugin.xml(:65) 文件中的高德地图ios key
<meta-data android:name="com.amap.api.v2.apikey" android:value="这里填您申请的高德地图android key"/>
var successCallback = function(message){
//do something
};
var errorCallback = function(message){
console.log(message);
};
cordova.plugins.AMapNavigation.navigation({
lng: 起始地的经度,
lat: 起始地的纬度
}, {
lng: 终点的经度,
lat: 终点的纬度
}, NavType //导航类型，0为实时，1为模拟
,successCallback, errorCallback);import {Injectable} from '@angular/core';
declare var AMapNavigation;
@Injectable()
export class NativeService {
constructor() { }
/**
* 地图导航
* @param startPoint 开始坐标
* @param endPoint 结束坐标
* @param type 0实时导航,1模拟导航,默认为模拟导航
* @return {Promise<string>}
*/
navigation(startPoint, endPoint, type = 1): Promise<string> {
return new Promise((resolve) => {
AMapNavigation.navigation({
lng: startPoint.lng,
lat: startPoint.lat
}, {
lng: endPoint.lng,
lat: endPoint.lat
}, type, function (message) {
resolve(message);
}, function (err) {
alert('导航失败:' + err);
});
});
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent