我的目标是,当移动用户触摸客户端网站上的地址时,将调用适当的意图,例如,允许用户在谷歌地图上显示位置或启动 GPS 导航。
类似的行为已经适用于电话号码。触摸它后,系统会询问我是否要使用 Skype 或电话应用程序完成操作。
到目前为止,我已经用hcard 微格式和LocalBusiness schema.org标记了地址。我还添加了地理坐标并标记了它们。虽然这对于结构化数据来说都很棒,但它似乎对我最初的目标没有影响。
我正在努力实现的目标是可能的吗?
我的目标是,当移动用户触摸客户端网站上的地址时,将调用适当的意图,例如,允许用户在谷歌地图上显示位置或启动 GPS 导航。
类似的行为已经适用于电话号码。触摸它后,系统会询问我是否要使用 Skype 或电话应用程序完成操作。
到目前为止,我已经用hcard 微格式和LocalBusiness schema.org标记了地址。我还添加了地理坐标并标记了它们。虽然这对于结构化数据来说都很棒,但它似乎对我最初的目标没有影响。
我正在努力实现的目标是可能的吗?
在 Apple Maps 之前,我曾经放一个类似下面的链接。点击后,它会打开谷歌地图应用程序。我现在没有 iPhone 来测试它,但 Android 版 Chrome 会显示菜单供您选择哪个应用程序将处理这种类型的链接(Chrome、地图、Waze 等)。
<a href="http://maps.google.com/maps?q=-22.90132,-43.176527">CCBB (Centro Cultural Banco do Brasil)</a>
我使用 geo: URI 链接,(结合谷歌地图在拉起后喜欢的参数)。
<a href="geo:37.44462,-122.16326?q=37.44462,-122.16326(CommerceNet)">CommerceNet</a>
支持并不总是存在,但我认为它最接近不将您绑定到特定应用程序的标准。适用于大多数手机,但我上次检查时没有在任何桌面上运行。
对于一个完整的解决方案,我实际上将它与 hCard 和 Schema.org 数据结合起来生成一个块:
<section itemscope itemtype="http://schema.org/GovernmentOrganization"
class="vcard">
<header>
<h3 id="contactState"
itemprop="name"
class="org fn"
style="margin-bottom:0;">SD State Capitol</h3>
</header>
<a href="geo:44.367064,-100.34588?q=44.367064,-100.34588(State+Capitol)"
itemprop="address"
itemscope itemtype="http://schema.org/PostalAddress"
class="adr"
style="font-size:medium !important;color:black !important;">
<div itemprop="streetAddress"
class="street-address">
500 East Capitol Avenue
</div>
<div>
<span itemprop="addressLocality"
class="locality">Pierre</span>,
<span itemprop="addressRegion"
class="region">SD</span>
<span itemprop="postalCode"
class="postal-code">57501</span>
</div>
</a>
</section>