有没有办法从移动浏览器调用导航?

2024-01-11

我正在开发一个非常小的 HTML5/javascript 网站,可以通过 android / iphone 等设备的移动浏览器打开。我正在使用 HTML5 的地理位置来获取当前位置,但一旦获得,我想导航到某个目的地。我想到的最好的办法是用户单击类似于下面链接的链接

https://maps.google.com/maps?saddr=london&daddr=paris

然而,这并没有打开导航应用程序,它只是切换到移动谷歌地图网站。有没有办法使用 HTML5/javascript 打开导航(GPS)应用程序?像这样的东西:

navigate:London to Paris

您可以使用地理链接在 Android 上打开导航应用程序。不幸的是,iOS 不支持此功能。但通常你必须记住,你无法直接控制设备上如何处理此链接,正如我所说,iOS 不执行任何操作,甚至可能显示无效链接错误,并且可能有 Android 设备也不支持此功能。请记住,您无法确定它是否在任何地方都有效,因此您的网站不应依赖此功能,它应该只是为支持此功能的设备提供额外的可用性。

1)在本地地图应用程序中显示位置

通过地理链接,您可以指定如下位置:

geo:longitude,laditude

或者像这样:

geo:street+address

您还可以搜索这样的地址:

geo:?q=street+address

您还可以像这样定义缩放级别:

geo:street+address?z=3

也可以组合多个参数,如下所示:

geo:?q=street+address&z=15

但请注意,这不会按预期工作。在这种情况下,在 Google 地图中,它从定义的缩放级别开始,然后开始搜索并放大目标。

Here http://developer.android.com/guide/components/intents-common.html#Maps是一些 Android 文档。

2) 在 Google 地图中打开路线

您还可以使用以下链接仅显示两个位置之间的路线:

http://maps.google.com/maps?saddr=street+adress&daddr=street+address

坐标也适用于此:

http://maps.google.com/maps?saddr=50,10&daddr=50,20

您可以像这样再次使用它:

<a href="http://maps.google.com/maps?saddr=New+York&daddr=San+Francisco">Route New York --> San Francisco</a>   

3)立即开始导航

使用此选项,链接会打开到某个位置的路线,设备不仅会显示路线,还会立即开始导航:

google.navigation:q=street+address

您还可以使用坐标:

google.navigation:q=50,10

你可以像这样使用它:

<a href="google.navigation:q=San+Francisco">Navigation to San Francisco</a>  

4)测试

我已经在运行 Android 4.4 (KitKat) 的 Nexus 5 上使用以下 HTML 测试了所有内容:

<!DOCTYPE html>
<html>

<head>
  <title>Geo Link Test</title>
</head>

<body>
  <p><a href="geo:50,10">Location 50/10</a></p>
  <p><a href="geo:Vienna">Location Vienna</a></p>
  <p><a href="geo:?z=5&q=New+York">Zoom 5, Search for New York</a></p>
  <p><a href="geo:?q=San+Francisco&z=15">Zoom 15, Search for San Francisco</a></p>
  <p><a href="google.navigation:q=San+Francisco">Navigation to San Francisco</a></p>
  <p><a href="google.navigation:q=50,10">Navigation to 50/10</a></p>
  <p><a href="http://maps.google.com/maps?saddr=New+York&daddr=San+Francisco">Route New York --> San Francisco</a></p>
  <p><a href="http://maps.google.com/maps?saddr=50,10&daddr=50,20">Route 50/10 --> 50/20</a></p>
</body>

</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法从移动浏览器调用导航? 的相关文章

  • Firebird 和 Android JDBC 驱动程序

    火鸟有问题 我从未与 DB 合作过 服务器 firebird 1 5 上的数据库 添加库 firebird full 2 2 4到 libs 文件夹 将其添加到 Gradle implementation fileTree libs 将其添
  • 如何使用 JS/Puppeteer 上传文件

    我试图弄清楚如何将图片文件上传到输入对话框中 不可能只输入名称并按 Enter 键 因为我没有找到使用 Puppeteer 实现自动化的方法 我想我必须设置一些值作为图片 但我不知道该怎么做 有任何想法吗 您使用上传文件elementHan
  • Javascript 函数,我如何开始理解它们?

    我完全理解 为了学习 javascript 我需要知道函数是如何工作的 我了解传递参数的基础知识 然后使用值调用函数以将某些内容添加到一起 等等 我读过无数关于函数的文章 例如以及书籍等 但我只是不明白它们是如何使用的以及何时应该使用它们等
  • 如何停止在 div 外部显示图像

    考虑这段代码 div style width 100px height 100px border 1px solid black div img src http rabbitempire org wp content uploads Pe
  • Paint.setTextSize(float) 使用哪种测量单位?

    我想使用在视图上绘制具有特定高度 以像素为单位 的文本Canvas 你可以简单地使用Paint setTextSize float 与像素数或者这是使用dp or sp 它使用像素 但您可以使用以下代码将其转换为 dp double get
  • Angular2,测试和解析数据:如何测试 ngOnInit?

    我正在通过Angular2 测试指南 https angular io docs ts latest guide testing html并希望编写一个测试ngOnInit 功能 那个来自编程指南的路由部分 https angular io
  • 包含括号的变量会导致问题[重复]

    这个问题在这里已经有答案了 简单的事情 当单击按钮并将其写入文本字段时 我读取选择框的值 选择框
  • 扩展html表格突出显示行和列并使当前单元格具有不同的颜色

    我找到了用鼠标悬停时突出显示行和列的示例 https stackoverflow com a 28312853 139698 https stackoverflow com a 28312853 139698 如何使鼠标悬停的一个单元格变为
  • 在Vue.js 3中添加全局变量

    如何在 Vue js 3 中添加全局变量 在 Vue js 2 中 我们在main js file Vue prototype myGlobalVariable globalVariable 最直接的替换就是app config globa
  • Meteor JS:存储特定模板实例状态的最佳方法是什么?

    我正在学习 Meteor JS 中的会话和反应式数据源 它们非常适合设置全局 UI 状态 但是 我不知道如何将它们的范围限制到模板的特定实例 这就是我想做的 我的页面上有多个可内容编辑的元素 每个下面都有一个 编辑 按钮 当用户单击 编辑
  • javascript 函数后面括号中的值

    我正在尝试重新利用我在 SO 的答案中找到的一些 Javascript 代码 但我想首先更好地理解它的语法 其大纲是 function root ns factory some code window detectZoom function
  • 如何使用 Ajax 在 Flask 中发布按钮值而不刷新页面?

    我有一个问题 当我单击 Flask 应用程序中的按钮时 我想避免重新加载 我知道有 Ajax 解决方案 但我想知道如何将我的按钮链接到 ajax 函数以发布按钮值并运行链接到其值的 python 函数 这是我的 html 按钮 div di
  • 谷歌绘制具有相同比例的多个系列的图表

    我正在寻找一种在图形上显示多个系列的方法 这些系列具有相同的比例但仅显示一次 正如你在这里看到的 http jsfiddle net Youkoal d3xwnqdu http jsfiddle net Youkoal d3xwnqdu 我
  • 如果没有按钮,Espresso 不会记录任何意图

    我正在尝试编写一个测试来验证使用浓缩咖啡启动的意图 问题是有意的 不记录任何意图 我有这个测试 Test public void shoulddosomething startActivity intended hasComponent h
  • 将base64图像转换为Node Js中的文件

    我是 Node Js 新手 我需要包含用户的个人资料图片 我从 IOS 应用程序收到 Base64 图像的请求 我需要将其存储在 images 文件夹中并将图像路径保存在 mongodb 数据库中 我使用了以下代码 var bitmap n
  • CSS 或 Javascript - 如果背景图像未加载,则显示后备文本[重复]

    这个问题在这里已经有答案了 如果徽标图形文件未加载或丢失 如何显示文本而不是徽标 我有带有背景 PNG 图像的 div div class iHaveBgImage this text should be displayed if bg i
  • 父级 div 未扩展到子级的高度

    正如你将看到的 我有一个div innerPageWrapper 包围包含内容的 div innerPageWrapper在视觉上也确实充当布局中的半透明边框 我的问题是 innerPageWrapper不会扩展以容纳内部的子元素 更不用说
  • react-native-firebase 无法处理通知 click_action 导航到通知屏幕

    我正在使用这个react native firebase和react navigation进行导航 我可以成功地从服务器或控制台推送通知 无论它是在前台还是后台 但我发誓文档不太清楚如何打开通知并导航到通知它所属的屏幕 这些是我的 onMe
  • 编辑时可以在文本框控件内使用 Angular 的管道格式化程序吗?

    我已经声明了一种将大数字分成三位数组的格式 并像这样经常使用它 div Huge number i am huge make threesome div 现在 有一个对相应功能的请求 但在像这样的输入控件中实现
  • 安卓框架?

    是否有任何框架比构建 Android 应用程序更容易 您会对其中一个感兴趣吗 很快就会有 我正在开发 DroidFu 一个 Android 共享库 它将为您提供 活动 和服务 中直接提供大量实用功能 例如生成列表和错误对话框 检查 Inte

随机推荐

  • Thrift - 每个 Socket 都有不同的 Handler 实例

    我正在 Thrift 中开发一个 代理 服务器 我的问题是 传入代理的每个连接都使用相同的处理程序实例 代理的客户端实现位于处理程序中 因此所有客户端都通过同一连接与终端服务器进行通信 我有 n 个客户端 gt n 个套接字 gt 1 个处
  • Android Studio 操作栏颜色未改变

    在 styles xml 中运行 Android 5 0 lollipop
  • 搜索引擎 Lucene 与数据库搜索

    我正在使用 MySQL 数据库 并且一直在使用数据库驱动的搜索 数据库引擎和Lucene搜索引擎有何优缺点 我想获得有关何时何地使用它们的建议 我建议你阅读全文搜索引擎与 DBMS https lucidworks com 2009 09
  • Unix 路径搜索 C 函数 [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我正在编写 UNIX shell 程
  • 如何使用 awk、Perl 或 Python 挖掘 XML 文档?

    我有一个具有以下数据格式的 XML 文件
  • python 无法通过电子邮件发送附件文件

    我有以下代码 可以正常工作 但它不会发送附件文件 import smtplib import os from email mime multipart import MIMEMultipart from email mime text im
  • 如何确定 jQuery 中匹配元素的元素类型?

    我通过 ID 名称匹配 ASP Net 生成的元素 但我有一些元素可能根据页面上下文呈现为文本框或标签 我需要确定匹配的是文本框还是标签 以便知道是通过 val 还是通过 html 获取内容 id endOfIdToMatch each f
  • 对标准化数据的曲线拟合结果进行非标准化

    我正在拟合指数衰减函数lsqvurcefit in Matlab 为此 我首先正常化 http en wikipedia org wiki Standard score Standardizing in mathematical stati
  • mysql进程无法停止

    我最近在 Ubuntu 12 04 操作系统桌面上安装了 5 5 28 29 2 Percona Server GPL 版本 29 2 我尝试使用不同的方法停止服务器 sudo etc init d mysql stop sudo kill
  • 地址簿中记录的 ABRecordID(地址簿中插入记录的唯一 ID)

    我在向 iPhone 的联系人添加记录时遇到了困难 情况是这样的我有一个视图 其中创建联系人并将其插入到 iPhone 的联系人中 我想要的是 有没有办法找到插入的 记录 联系人的唯一 ID 在其他视图中访问联系人将需要它 请赐教我这一点
  • 如何在 IntelliJ IDEA 中选择骆驼化单词的单个单词

    IntelliJ IDEA 中移动或选择骆驼化单词的单个单词的快捷方式是什么 假设我有一个 LongMultiWordVariableName 我希望能够将光标移动到每个单词以进行编辑或选择变量的部分 Eclipse has a short
  • backbonejs + cors 和 save() 方法

    我正在尝试执行 POST 抛出保存方法 这是我的模型 app Models Dummy Backbone Model extend initialize function url http anotherdomain Hello 当我执行时
  • VSO(TFS) - 获取当前日期时间作为变量

    如何获取当前日期时间并将其作为变量传递给某些部署任务 您可以定义具有任意值的变量 然后将该变量修改为当前日期 详细步骤如下 在release中定义一个变量 Assume the variable name is time and we se
  • solrj:添加后需要显式提交吗?

    我正在使用solrClient add SolrInputDocument doc 将文档逐一添加到我的方法solr 之后我明确地打电话solrClient commit 是必须的吗 我见过一些add方法 它指定一个delay for co
  • Pandas 根据列的值有效地分块读取大型面板 CSV

    我有一个很大的 CSV 文件 磁盘上约 50 GB 但无法立即将其完全读入内存 数据集本身是面板数据 看起来像 ID Time Col 1 Col N 1 2000 1 1 1 2000 1 2 2 2000 1 1 我加载这些数据的想法是
  • 为什么我的图标没有出现在标题栏中?

    我已从 Visual Studio 解决方案资源管理器的 属性 窗口为我的应用程序分配了一个图标 应用程序的图标更改成功 但标题栏仍显示默认图标 我已经重建了我的应用程序 但它仍然显示默认图标 我究竟做错了什么 因为公司的图标配置与应用程序
  • 将 Y 轴放在热图的左侧?

    如何制作 Y 轴标签位于左侧的热图 好像默认是右边的 我需要使用自定义轴吗axis In the heatmap函数轴的位置是硬编码的 但只需更改一个数字即可将其定位在另一侧 这将非常容易 在控制台中输入 heatmap 然后将第二个参数从
  • PHP 中的单例模式...如何在请求之间保存状态

    通过使用静态变量和单例模式 我认为创建一个简单的购物车会很容易 它会在加载另一个页面时记住购物车中的商品 我遇到的问题是刷新页面时购物车不记得其中已有的内容 我下面的代码有问题吗 或者我应该只使用全局变量还是 mysql 数据库 存储状态的
  • Entity-Framework -> MySql 给出“函数评估超时”。

    我在使用 MySql 数据库的实体框架时遇到了一个奇怪的问题 这是我得到的代码 public class testbase private testEntities db new testEntities public IQueryable
  • 有没有办法从移动浏览器调用导航?

    我正在开发一个非常小的 HTML5 javascript 网站 可以通过 android iphone 等设备的移动浏览器打开 我正在使用 HTML5 的地理位置来获取当前位置 但一旦获得 我想导航到某个目的地 我想到的最好的办法是用户单击