H5开发的移动应用打开高德地图、百度地图

一、资料

（1）高德地图的官方文档： https://lbs.amap.com/api/amap-mobile/gettingstarted

Android包名：com.autonavi.minimap

iOS Scheme：iosamap

（2）百度地图的官方文档：http://lbsyun.baidu.com/index.php?title=uri/api/android

Android包名：com.baidu.BaiduMap

iOS Scheme：baidumap

二、实现

2.1 H5调用方式举例：

<a href="androidamap://navi?sourceApplication=appname&amp;poiname=fangheng&amp;lat=36.547901&amp;lon=104.258354&amp;dev=1&amp;style=2">导航</a>

2.2 android端实现

/*** 检测程序是否安装** @param packageName* @return*/private boolean isInstalled(String packageName) {PackageManager manager = mContext.getPackageManager();//获取所有已安装程序的包信息List<PackageInfo> installedPackages = manager.getInstalledPackages(0);if (installedPackages != null) {for (PackageInfo info : installedPackages) {if (info.packageName.equals(packageName))return true;}}return false;}/*** 根据URI打开第三方app* @param uri*/private void openThird(String uri){Intent intent = new Intent();intent.setAction(Intent.ACTION_VIEW);intent.setData(Uri.parse(uri));mActivity.startActivity(intent);}

        @Overridepublic boolean shouldOverrideUrlLoading(final WebView view, String url) {Log.i("加载:",url);//高德地图if (url.startsWith("androidamap://") && isInstalled(GAODE_PACKAGENAME)){openThird(url);return true;}//百度地图if (url.startsWith("baidumap://") && isInstalled(BAIDUMAP_PACKAGENAME)){openThird(url);return true;}return super.shouldOverrideUrlLoading(view, url);}

2.3 iOS端实现

2.3.1 添加白名单

2.3.2 webview代理方法拦截处理

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{

         //处理高德和百度地图if ([_connDistinct contains:@"iosamap://"] || [_connDistinct contains:@"baidumap://"] ) {[self openThird:_connDistinct];decisionHandler(WKNavigationActionPolicyCancel);return;}

H5开发的移动应用打开高德地图、百度地图相关推荐

WEB页面或者H5页面如何打开高德或者百度地图APP导航（实战向）
一.序言在日常开发中,地图的接入使用在各大app和网站中我们都不难见到,打开方式也各有不同,嵌套内部的,或者是直接打开百度,高德,谷歌等地图app.相对来说,各大地图app的文档写的非常齐全,即使是 ...
android intent 打开百度地图导航 api,关于openApp打开高德和百度地图导航
传的参数是经纬度,调用高德时,IOS是正常的,但是安卓只是打开了地图,定位到了当前位置,并未进行导航. var uri ="androidamap://navi?sourceApplicat ...
vue项目H5调起高德或百度地图手机应用，或调起高德百度网页版实现导航功能（已实现）
需求说明:H5实现唤起高德和百度地图导航到目标景点的功能分析:用户通过点击选择使用百度还是高德地图,点击后调用guide方法,判断设备上是否有高德或者百度APP,有就直接调用APP,如果没有就调用网 ...
H5页面唤醒高德地图|百度地图App
H5页面唤醒高德地图|百度地图App 移动端H5页面唤醒app,若唤醒失败则跳转到应用商城下载. 唤醒前需要检测当前操作系统,不同的操作系统用不同的协议我这里的需求是唤醒失败就跳转到网页版的地图,若 ...
地图导航业下半场，高德与百度地图各缺一子？
百度地图和高德地图的份额之争一直没有平息,二者的用户量高低在业内一直是个谜. 有说高德超过百度的:在2017年8月,国内第三方数据研究机构Talking Data移动观象台发布的月度APP覆盖率排行榜 ...
Android实现高德地图上拉,ScrollLayout：上拉滑动上滑拖出，类似高德地图百度地图抽屉拖拽效果...
摘要在ScrollView或者ListView里面使用ViewPager.支持手势上拉滑出,中途停顿,下滑退出页面,类似高德地图百度地图内场景抽屉拖拽效果效果 Gif动画类似使用 Demo 下载A ...
Flutter对接第三方高德地图+百度地图基础定位实现
Flutter对接第三方高德地图+百度地图基础定位实现原创:@As.Kai 博客地址:https://blog.csdn.net/qq_42362997 如果以下内容对您有帮助,点赞点赞点赞~ 高德 ...
5张对比图告诉你,天地图,高德地图,百度地图,谷歌地图区别
先来看看传说中最争议的天地图吧. 最大放大距离,每厘米25米. 我们用这个体育场和下面的大厦做对比..其实还有大厦下的车..(这张图上的车看不清,真有,没骗你们....) 再上一张高德的, 最大50M ...
基于android对接百度地图搜索附近关键字列表展示并调用第三方地图应用打开导航（百度地图、高德地图）
经过两天的折腾,终于把需求实现了,记录下过程与遇到的坑(详情链接) 先上效果图搜索结果点击列表中的去这里调取第三方地图APP,效果图首先配置百度地图 bBaiduMap = mMapView.g ...

H5开发的移动应用打开高德地图、百度地图

H5开发的移动应用打开高德地图、百度地图相关推荐

最新文章

热门文章