本帖最后由 yxWin 于 2019-10-8 09:00 编辑
aMapNavigation
概述
MapNavigation 模块封装了高德导航的sdk,iOS支持语音导航功能, android需要自己写接口播报(注:android从1.0.8开始支持高德内置的语音播报)。用户可自行算路策略类型。开发者只需输入起点终点经纬度即可轻松集成高德导航功能,本模块是由第三方模块开发者提供,使用本模块需在线云编译安装包。
注意:在iOS端最低适配版本为 iOS 8.0 不能同时添加的模块:bMap 在集成此模块之前需先配置 config 文件。在 config 里添加如下字段: <preference name="backgroundMode" value="audio | location"/>
<feature name="aMapNavigation"> <param name="android_api_key" value="f7Is0******6rV3ZfFPZ1aa" /> <param name="ios_api_key" value="81q**********i4IYrawr1" /> </feature> 配置好后同步代码编译即可 运行截图 主要代码 - <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
- <title>title</title>
- <link rel="stylesheet" type="text/css" href="../css/api.css"/>
- <style>
- body{
- }
- footer{
- width: 100%;
- height: 200px;
- position: absolute;
- bottom: 0;
- text-align: center;
- }
- button{
- width: 90px;
- height: 50px;
- background-color: green;
- color: #fff;
- }
- </style>
- </head>
- <body>
- <footer>
- <button type="button" name="button" onclick="startA()">开始</button>
- <button type="button" name="button" onclick="closeA()">关闭</button>
- <button type="button" name="button" onclick="TextListener()">文字监听</button>
- </footer>
- </body>
- <script type="text/javascript" src="../script/api.js"></script>
- <script type="text/javascript">
- apiready = function(){
- };
- //开始导航
- function startA() {
- var aMapNavigation = api.require('aMapNavigation');
- aMapNavigation.start({
- start: {
- lon: 112.47723797622677,
- lat: 34.556480000000015
- },
- wayPoint: [{
- lon: 111.57062599999995,
- lat: 33.784214
- }],
- end: {
- lon: 109.77539000000002,
- lat: 33.43144
- },
- type: 'drive',
- strategy: 'fast',
- mode: 'GPS',
- styles: {
- image: {
- start: 'fs://nav/start.png',
- end: 'fs://nav/end.png',
- way: 'fs://nav/way.png',
- camera: 'fs://nav/camera.png'
- },
- preference: {
- night: false,
- compass: false,
- crossImg: false,
- degree: 30,
- yawReCal: false,
- jamReCal: false,
- alwaysBright: false
- }
- }
- }, function(ret, err) {
- if (ret) {
- alert(JSON.stringify(ret));
- } else {
- alert(JSON.stringify(err));
- }
- });
- }
- //关闭
- function closeA() {
- var aMapNavigation = api.require('aMapNavigation');
- aMapNavigation.close();
- }
- //监听
- function TextListener() {
- var aMapNavigation = api.require('aMapNavigation');
- aMapNavigation.navigationTextListener({
- state : true
- }, function(ret, err) {
- if (ret) {
- console.log(JSON.stringify(ret));
- //alert(JSON.stringify(ret));
- }
- });
- }
- </script>
- </html>
复制代码注意 监听要在 start 之后调用。
|