你如何标记邮政地址,以便允许在移动设备上调用意图?

问题描述 投票:0回答:2

我的目标是,当移动用户触摸客户网站上的地址时,将调用适当的意图,允许用户例如在Google地图上显示位置或启动GPS导航。

类似的行为已经对电话号码起作用了。触摸它后,我被问到是否要使用Skype或手机应用程序完成操作。

到目前为止,我已经用hcard microformatLocalBusiness schema.org标记了地址。我还添加了地理坐标并标记了它们。虽然这对结构化数据来说非常好,但它似乎对我的初始目标没有影响。

我正在努力实现的目标是什么?

html5 mobile semantic-markup
2个回答
1
投票

在Apple Maps之前,我曾经发过如下链接。点按后,它会打开Goog​​le地图应用。我现在没有iPhone可以测试它,但Chrome for Android显示的菜单供您选择哪个应用程序将处理此类链接(Chrome,地图,Waze等)。

<a href="http://maps.google.com/maps?q=-22.90132,-43.176527">CCBB (Centro Cultural Banco do Brasil)</a>

0
投票

我使用了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>
© www.soinside.com 2019 - 2024. All rights reserved.