uniapp跳转第三方地图app

1
const useGetMapsApp = (locationType= 'gcj02') => {
2
  // 获取平台
3
  const platform = uni.getSystemInfoSync().platform;
4
  // 三大地图APP对应的平台包名及action
5
  const mapsJson = {
6
    aMap: {
7
      pname: 'com.autonavi.minimap',
8
      action: platform === 'ios' ? 'iosamap://' : 'amapuri://',
9
      name: '高德地图'
10
    },
11
    baiduMap: {
12
      pname: 'com.baidu.BaiduMap',
13
      action: 'baidumap://',
14
      name: '百度地图'
15
    },
16
    tencentMap: {
17
      pname: 'com.tencent.map',
18
      action: 'qqmap://',
19
      name: '腾讯地图'
20
    }
21
  };
22
  // 配置列表信息
23
  let mapList = [];
24

25
    // 获取平台对应的包名/action
26
    const appKeys = Object.keys(mapsJson);
27
    appKeys.forEach((key) => {
28
      const app = mapsJson[key];
29
      let obj = {
30
        pname: app.pname,
31
        action: app.action
32
      };
33
      if (plus.runtime.isApplicationExist(obj)) {
34
        mapList.push({
35
          key,
36
          name: app.name,
37
          ...obj
38
        });
39
      }
40
    });
41
    // ios端添加系统默认地图，所以在ios端地图列表至少有一个
42
    if (platform === 'ios') {
43
      mapList.push({
44
        name: '系统地图',
45
        pname: 'system'
46
      });
47
    }
48
  // 打开map软件列表，或者直接去导航
49
  const openMap = (option) => {
50
    // 如果存在以上地图APP软件
51
    if (mapList.length) {
52
      // 只有一个地图软件，直接打开
53
      if (mapList.length === 1) {
54
        openApp(1, option);
55
        return;
56
      }
57
      // 多个软件调起系统弹框，用户选择
58
      plus.nativeUI.actionSheet(
59
        {
60
          cancel: '取消',
61
          buttons: mapList.map((item) => ({
62
            title: item.name
63
          }))
64
        },
65
        function (e) {
66
          if (e.index > -1) {
67
            openApp(e.index, option);
68
          }
69
        }
70
      );
71
    } else {
72
      openGDWeb(option);
73
    }
74
  };
75
  // 打开高德地图官网
76
  const openGDWeb = (option) => {
77
    // 没有第三方地图APP就跳转网页版高德地图导航
78
    // https://uri.amap.com/navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0
79
    plus.runtime.openURL(
80
      encodeURI(
81
        'https://uri.amap.com/navigation?from=' +
82
          option.startLocation[1] +
83
          ',' +
84
          option.startLocation[0] +
85
          ',' +
86
          option.startAddress +
87
          '&to=' +
88
          option.endLocation[1] +
89
          ',' +
90
          option.endLocation[0] +
91
          ',' +
92
          option.endAddress +
93
          '&mode=car&policy=1&src=mypage&coordinate=' +
94
          (locationType === 'gcj02' ? 'gaode' : locationType) +
95
          '&callnative=0'
96
      )
97
    );
98
  };
99
  // 打开指定的APP地图软件
100
  const openApp = (index, option) => {
101
    const appInfo = mapList[index - 1];
102
    // ios端有系统地图，添加系统地图打开方式
103
    if (appInfo.pname === 'system') {
104
      const point1 = new plus.maps.Point(
105
        option.startLocation[0],
106
        option.startLocation[1]
107
      );
108
      const point2 = new plus.maps.Point(
109
        option.endLocation[0],
110
        option.endLocation[1]
111
      );
112
      plus.maps.openSysMap(point1, '', point2);
113
      return;
114
    }
115
    // 其他地图
116
    let action = '';
117
    // 高德
118
    if (appInfo.key === 'aMap') {
119
      action = aMapPath(appInfo, option);
120
    }
121
    // 百度
122
    if (appInfo.key === 'baiduMap') {
123
      action = baiduMapPath(appInfo, option);
124
    }
125
    // 腾讯
126
    if (appInfo.key === 'tencentMap') {
127
      action = tencentMapPath(appInfo, option);
128
    }
129
    plus.runtime.openURL(
130
      encodeURI(action),
131
      () => {
132
        uni.showToast({
133
          icon: 'none',
134
          title: '打开地图APP失败，即将跳转网页地图',
135
          duration: 2000,
136
          success: () => {
137
            let t = setTimeout(() => {
138
              clearTimeout(t);
139
              t = null;
140
              openGDWeb(option);
141
            }, 2000);
142
          }
143
        });
144
      },
145
      appInfo.pname
146
    );
147
  };
148
  // 高德跳转传参
149
  const aMapPath = (appInfo, option) => {
150
    return (
151
      appInfo.action +
152
      'route/plan?sourceApplication=&slat=' +
153
      option.startLocation[1] +
154
      '&slon=' +
155
      option.startLocation[0] +
156
      '&sname=' +
157
      option.startAddress +
158
      '&dlat=' +
159
      option.endLocation[1] +
160
      '&dlon=' +
161
      option.endLocation[0] +
162
      '&dname=' +
163
      option.endAddress +
164
      '&dev=0&t=0'
165
    );
166
  };
167
  // 百度跳转传参
168
  const baiduMapPath = (appInfo, option) => {
169
    return (
170
      appInfo.action +
171
      'map/direction?origin=name:' +
172
      option.startAddress +
173
      '|latlng:' +
174
      option.startLocation[1] +
175
      ',' +
176
      option.startLocation[0] +
177
      '&destination=name:' +
178
      option.endAddress +
179
      '|latlng:' +
180
      option.endLocation[1] +
181
      ',' +
182
      option.endLocation[0] +
183
      '&coord_type=' +
184
      locationType +
185
      '&mode=driving&car_type=BLK&src=123456'
186
    );
187
  };
188
  // 腾讯跳转传参
189
  const tencentMapPath = (appInfo, option) => {
190
    return (
191
      appInfo.action +
192
      'map/routeplan?type=drive&from=' +
193
      option.startAddress +
194
      '&fromcoord=' +
195
      option.startLocation[1] +
196
      ',' +
197
      option.startLocation[0] +
198
      '&to=' +
199
      option.endAddress +
200
      '&tocoord=' +
201
      option.endLocation[1] +
202
      ',' +
203
      option.endLocation[0] +
204
      '&referer=123'
205
    );
206
  };
207

208
  return {
209
    openMap
210
  };
211
};
212
const useGetMapsApp2=() =>{
213
  // 打开map软件列表，或者直接去导航
214
  const openMap = (option) => {
215
    // 如果存在以上地图APP软件
216
    if (mapList.length) {
217
      // 只有一个地图软件，直接打开
218
      if (mapList.length === 1) {
219
        openApp(1, option);
220
        return;
221
      }
222
      // 多个软件调起系统弹框，用户选择
223
      plus.nativeUI.actionSheet(
224
        {
225
          cancel: '取消',
226
          buttons: mapList.map((item) => ({
227
            title: item.name
228
          }))
229
        },
230
        function (e) {
231
          if (e.index > -1) {
232
            openApp(e.index, option);
233
          }
234
        }
235
      );
236
    } else {
237
      openGDWeb(option);
238
    }
239
  };
240
  return {
241
    openMap
242
  }
243
}
244
export default useGetMapsApp;