如何在 HTML 内的 iOS App 上打开 Apple Map App

Posted

技术标签:

【中文标题】如何在 HTML 内的 iOS App 上打开 Apple Map App【英文标题】:How to open Apple Map App on iOS App inside HTML 【发布时间】:2017-12-05 08:44:35 【问题描述】:

现在,我通过 WKWebView 嵌入了 html。如果用户点击a元素,我想打开苹果地图APP。似乎什么都没有发生,只是背景颜色发生了变化。 我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a 
            display: block;
            font-size: 20px;
            width: 200px;
            height: 100px;
            margin: 100px auto;
            text-align: center;
        
    </style>
</head>
<body>

<h1>open the  apple map</h1>

<a href="maps:ll=38.897096,-77.036545" class="context-block-button map-button" id="map-button-1"><i class="ss-map icon-left"></i><span>Open in map (maps:)</span></a>

</body>
<script src="../js/jquery.min.js"></script>
<script>
    $('body').on('click','a',function () 
            $('body').css('background-color','blue');
      window.location.href = " http://maps.apple.com/?q=Mexican+Restaurant&sll=50.894967,4.341626&z=10&t=s";
    )
</script>
</html>

在 safari 中,我复制“http://maps.apple.com/?q=Mexican+Restaurant&sll=50.894967,4.341626&z=10&t=s”。然后 safari 将在 Mac 上打开 Apple App。

我必须使用Swift4 API 来打开 Apple 地图应用程序吗? 还有一件事,如果解决方案必须更改 info.plist 或更改 App 目标设置,谢谢你为我写这篇文章。

【问题讨论】:

【参考方案1】:

是的,你需要使用Swift API,需要实现WKNavigationDelegate,添加decisionPolicyForNavigationAction方法。

从另一个线程检查这个answer。

【讨论】:

以上是关于如何在 HTML 内的 iOS App 上打开 Apple Map App的主要内容,如果未能解决你的问题,请参考以下文章

如何改进iOS App的离线使用体验

[ios] 如何调用其他app h5界面调用打开app

iOS APP打包分发给远程的手机测试

如何实现通过URL超链接打开IOS的APP

Android自定义URL,用于在iOS中打开App

iOS UIApplication sharedapplication用法