正文
APP-6-百度地图导航
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
1.代码部分
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=PG4DBjFTHfawSwT10GLLn4YZhQCmGYGA"></script>
<script src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<script src="../../js/mui.min.js"></script>
<script src="../../js/common.js"></script>
<!--<script src="../../js/immersed.js"></script>-->
<link href="../../css/common.css" rel="stylesheet" />
<link href="../../css/mui.min.css" rel="stylesheet" />
<link href="../../css/iconfont.css" rel="stylesheet" /> <title>地图应用-地图导航</title>
<style type="text/css">
body,
html,
{
font-family: "微软雅黑";
}
</style>
</head> <body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title mui-body-font">地图导航</h1>
</header> <div class="mui-content mui-content-padded">
<button type="button" class="mui-btn mui-btn-block mui-btn-primary" onclick="navigateWithMap()">
第三方导航系统
</button>
</div>
</body>
<script type="text/javascript">
function navigateWithMap(){
if('Android'===plus.os.name&&navigator.userAgent.indexOf('StreamApp')>0){
plus.nativeUI.toast('当前环境暂不支持地图插件');
return;
}
// 设置目标位置坐标点和其实位置坐标点
var dst = new plus.maps.Point(120.214666,30.211029); //吉利集团
var src = new plus.maps.Point(116.335,39.966); // 大钟寺
// 调用系统地图显示
plus.maps.openSysMap( dst, "天安门", src );
}
</script></html>
2.测试
调用第三方导航
