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

时间:2013-07-31 19:38:44

标签: html5 mobile semantic-markup

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

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

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

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

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

我使用了geo:URI链接(结合了Google Maps在启动后喜欢的参数)。

<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>