H5Callmap

功能描述

  1. 该模块支持判断手机是否安装了指定地图软件;
  2. 该模块适用于项目中根据目标经纬度唤起手机中安装的三方地图并标记位置,从而达到导航等地图功能的目地,目前支持 iosamap(高德地图导航)、baidumap(百度地图导航)、comgooglemap(google地图导航)。

效果图

H5Callmap - 图1

依赖的模块

方法

判断当前系统为 iOS(异步)

  1. callMap.hasIos();
  2. //必返 | | Boolean | true(是)/false(否)

判断当前设备是否安装地图 APP(同步)

  1. callMap.fnAppInstalled('iosamap', function(ret){ //必填 | | String | iosamap(高德地图)、baidumap(百度地图)、comgooglemap(google地图)
  2. // ret.installed //必返 | | Boolean | true(已安装)、false(未安装)
  3. })

打开某一个地图,并标记目标地点(异步)

  1. callMap.fnOpenMap({
  2. type: 'iosamap', //必填 | | String | 地图类型。iosamap(高德地图)、baidumap(百度地图)、comgooglemap(google地图)
  3. end: {
  4. lat: 39.8411062307, //必填 | | String | 目标经度
  5. lon: 116.7566751225 //必填 | | String | 目标纬度
  6. }
  7. })

对象转 get 参数格式(异步)

  1. fnConvertParam({ //必填 | | Object | 需要格式化的参数
  2. key1: '1',
  3. key2: '2'
  4. })
  5. //必返 | | String | get 参数格式字符串(首字符带 ? 号 )

快速使用

js 调用

  1. function fnOpenMap(){
  2. var _arr = [{
  3. type: 'iosamap',
  4. name: '高德地图'
  5. }, {
  6. type: 'baidumap',
  7. name: '百度地图'
  8. }, {
  9. type: 'comgooglemap',
  10. name: 'google地图'
  11. }],
  12. _param = {
  13. cancelTitle: '取消',
  14. buttons: []
  15. }
  16. _fnAppInstalled(0, function(){
  17. api.actionSheet(_param, function(ret, err) {
  18. var _temp = _arr[ret.buttonIndex-1];
  19. if( _temp ){
  20. callMap.fnOpenMap({
  21. type: _temp.type,
  22. end: {
  23. lat: 39.8411062307,
  24. lon: 116.7566751225
  25. }
  26. })
  27. }
  28. });
  29. })
  30. function _fnAppInstalled(_num, _cb) {
  31. if (_num < _arr.length) {
  32. callMap.fnAppInstalled(_arr[_num].type, function(ret){
  33. var _name = _arr[_num]['name'];
  34. if (ret.installed) {
  35. } else {
  36. _name = _name + ' (未安装)';
  37. }
  38. _param.buttons.push(_name);
  39. _fnAppInstalled(++_num, _cb);
  40. })
  41. } else {
  42. _cb && _cb();
  43. }
  44. }
  45. }

特别说明