JS跳转到第三方地图APP

最新推荐文章于 2025-05-31 09:35:27 发布
原创 最新推荐文章于 2025-05-31 09:35:27 发布 · 9.6k 阅读 · 16 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#地图跳转 #前端开发

       最近的一个项目需求中需要让我们的手机网页跳到第三方地图APP进行导航，开发完之后进行一下整理归纳。整理思路是根据不同地图APP来进行。并分为IOS端和Android端。

地图跳转的核心思路是通过URL来调起，不同的APP有着自己的scheme和参数，通过构建URL再使用window.location方法即可跳转到相关APP。

 

高德地图：

高德开放平台地址：https://lbs.amap.com/

高德地图手机版API地址：https://lbs.amap.com/api/amap-mobile/summary/

高德地图IOS端URL示例：

iosamap://path?sourceApplication=applicationName&sid=BGVIS1&slat=39.92848272

最低0.47元/天 解锁文章

200万优质内容无限畅学
使用不同形式的 JavaScript 加载高德地图
laugh666的博客
08-16 614
近年来，随着互联网和移动设备的普及，地图应用在各行各业中发挥着越来越重要的作用。其中，高德地图是一款功能强大、易于使用的地图服务平台，被广泛应用于网页和移动应用程序中。本文将介绍如何使用不同形式的 JavaScript 代码加载高德地图，并提供相应的源代码。这种方法适用于需要在特定条件下才加载地图的场景，具有更高的灵活性。函数，当点击 “加载地图” 按钮时动态加载高德地图的脚本文件。第三种方法是使用模块化加载的形式引入高德地图，适用于复杂的项目和前端框架中。函数，在地图加载完成后进行地图初始化。
Javascript——外部调用（腾讯、百度、高德）地图导航，自动判断是web端还是手机端，最全接口合集！！！
dyt1_1的博客
03-14 1235
调用外部地图应用（腾讯、百度、高德）导航，web端调用地图网页自动导航，手机端（安卓/IOS）调用地图app进行导航
调用第三方地图
12-19
调用第三方地图，打开导航指定经纬度地址，检测手机是否安装地图，可以调用百度地图，高德地图，如果用户么有安装地图，则可选择浏览器打开web地图。
JavaScript 实现页面跳转的方式，你了解多少呢？
最新发布
读心悦
05-31 2000
本文全面总结了JavaScript实现页面跳转的各种方法与应用场景。基础方法包括：window.location.href直接跳转、assign()语义化跳转、replace()不可后退跳转。高级技巧涵盖参数传递、延迟跳转、条件跳转三种实用场景。历史记录控制介绍了pushState()、replaceState()等SPA路由核心API。文章还提供了基于hashchange和pushState的两种SPA路由实现方案，以及localStorage跨页面通信方案。这些方法可满足从传统页面跳转到现代SPA应用的
跳转到第三方地图
小权权的博客
04-20 993
/* 文件说明： openMap.js js文件是打开手机自带的地图, 默认的三个地图, 百度， 高德， 腾讯 plus.runtime.isApplicationExist ------》 检测手机是否安装 地图软件 openMapByAndroid()， openMapByIos 通过url方式调用第三方导航， 分为安卓， IOS 点击开始导航， 软件下方会提示用户选择导航， 默认显示的是系统中安装的第三方导航，比如： 手机上安装的是高德， 只会提示高德地图， 如果没有
跳转第三方地图app
xiyu_xiaoxiao的博客
05-24 1512
创建模型@interface MapSkipManager : NSObject @property (nonatomic,assign) double latitude; @property (nonatomic,assign) double longitude; @property (nonatomic,copy) NSString *desAddress; + (void)skipMapApp
js 跳转到指定位置 高德地图_第三方高德地图Javascript API
weixin_30771489的博客
12-31 1145
1.申请JSAPI的开发者Key ； http://lbs.amap.com/dev/key2.引入高德地图JSAPI文件；AMap.Scale,AMap.OverView,AMap.ToolBar">AMap.Scale//地图的比例因子//基础类AMap.Pixel//像素坐标，确定地图上的一个像素点。AMap.Size//地物对象的像素尺寸AM...
android跳转第三方地图,uni-app 跳转第三方地图定位
06-11
对于 uni-app ，可以使用 uni-app 的 `uni.navigateTo` 方法跳转到第三方地图应用，示例代码如下： ```js uni.navigateTo({ url: 'app-plus://baidumap/location?location=39.90923,116.397428' }) ``` 上述代码...
js如何直接打开百度地图app进行导航
w15228212327_cc的博客
12-08 1669
只需要知道自己要到的目的地的经纬度，就可以直接打开地图； 注意：经纬度位置不要写反了 window.location.href ="http://api.map.baidu.com/marker?location=29.539792,106.519852&title=泉州xx科技有限公司&content=泉州xx科技有限公司&output=html" ...
如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例（1）
ailong3046的博客
08-20 2831
前两天在项目中涉及到一个问题，就是要在我们的app中调用百度地图app或者高德地图的app.一开始一直以为是原生app开发才可以做，还是见识少了。 今天就写一下笔记，记录一下如何在自己的app中调用第三方地图app，。 先说百度地图吧，在百度地图的官方文档中有关于URI的相关介绍，而我们js去调的接口也是在这个里面都有介绍。 官方文档地址：http://lbsyun.baidu.c...
js 跳转到指定位置 高德地图_JS引入高德地图定位
weixin_42525428的博客
12-23 1480
在此记录一下X项目使用高德地图的思路高德地图(X项目前端框架是Jquery)2准备工作(封装方法，以便直接调用)—2.2封装超时方法($.timeOut-参考)—2.3封装异步调用地图的方法/*** 异步加载地图js* @param e: 加载完成回调方法名称,字符串格式;*/$.GDMapLoad = function(e){var url = 'https://webapi.amap.com/...
微信公众号，JS-SDK获取位置信息，并调起第三方地图App导航
热门推荐
沧海龙腾LV的博客
03-29 2万+
微信公众号关联网页获取位置信息，可以参照《微信公众平台技术文档》-> 微信JS-SDK说明文档，官方链接地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115步骤一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。注：该域名不包括端口号，并且必须是备案过的域名。备注...
js 跳转到指定位置 高德地图_在H5页面内通过地址调起高德地图实现导航
weixin_39845306的博客
12-23 1627
项目中用到的一个功能是要通过点击地址来实现打开地图app实现地址导航。如下图：实现思路就是在H5页面内通过点击marker图标然后进行当前位置与页面上地址的路程规划与导航。由于项目中用到的是高德地图，所以这里用到的是调起高德地图APP来实现该功能。首先肯定要去高德开放平台去申请KEY，拿到这个KEY后通过调用js代码就可以实现该功能。之前在H5页面中无论是做导航还是定位一般我都是采用marker进...
在js或者App中，调起第三方地图产品（URI API）的汇总
沧海龙腾LV的博客
03-29 1万+
URI API是为开发者提供直接调起第三方地图产品（Web地图、地图手机客户端）以满足特定业务场景下应用需求的程序接口，开发者只需按照接口规范构造一条标准的URI，便可在PC和移动端浏览器或移动开发应用中调起第三方地图产品，进行地图展示和检索、线路查询、导航等功能，无需进行复杂的地图功能开发。一、百度地图URI API地图调起API，官方连接地址：http://lbsyun.baidu.com/i...
HTML5唤起高德地图APP示例
TwoBE9876的博客
03-10 1万+
HTML5唤起高德地图APP示例
打开高德地图app
qq_60607143的博客
03-15 1616
let current_longitude = this.longitude //当前经度。let shop_address = item.stationname //目的地地址。let current_latitude = this.latitude //当前纬度。let shop_latitude = item.latitude //目的地纬度。et shop_longtude = item.longitude //目的地经度。//将功能Scheme以URI的方式传入。
H5通过URL Scheme唤醒手机地图APP
weixin_44294359的博客
01-06 1683
H5通过URL Scheme唤醒手机地图APP
H5唤起地图导航路线，唤起高德地图app,百度地图，腾讯
wwf1225的博客
10-18 8884
from=${usrLon},${usrLat},我的位置&to=${lonEnd},${latEnd},${destination}&mode=driving&policy=1&src=mypage&coordinate=gaode&callnative=1 // 高德。const latStart='30', lonStart='120', latEnd = '31', lonEnd = '121', cityStart = '杭州市', cityEnd = '上海市';
手机端h5唤起苹果地图
weixin_41655037的博客
06-19 1410
最近做一个项目分为pc和手机两个端，手机端需要调用第三方地图，可以选择高德地图和苹果地图，唤起高德地图的方法官网就有，网上一搜也是一大堆。这个不用多说，但唤起苹果地图的方法寥寥无几，几乎搜索不到，找了好久终于在 google上找到答案。............
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值