iphone chromeアプリでリンクで地図アプリが開かない

Question

現在、スマホで場所を表示させるのにリンクで地図アプリを立ち上げたいと思っています。

地図アプリはiphoneでもandroidでgoogle mapでも標準の地図でもいいので地図アプリでというところがポイントです。
ですので、iphoneでgoogle map がなければ標準のmapアプリでもいいのですが、ネットで検索したところ以下の方法がありました。

https://maps.apple.com/?q=35.658565,139.745532

上記をクリックすると地図アプリで東京タワーが表示されます。

ただ、iphoneのchromeで上記のリンク先をクリックすると地図アプリが入ってるのに立ち上がらず、一瞬別ページが立ち上がるような動作をするものの消えてしまい、そのまま元のページが表示されるだけでした。

iphoneのsafariではちゃんと地図アプリが立ち上がりました。

原因、もしくは上記の方法以外にリンクで地図アプリを立ち上げる方法を知ってる方がいましたら、ご教授ください。

Answer 1

今回、アプリ起動が優先でしたが、iphoneのchomeだと「_blank」を設定してると反応しないようです。
外すことで「アプリを起動しますか？」と表示されますがスマホに入ってる地図アプリで起動するようになりました。

Comments

[miyabi_pudding]

私自身、大変に参考になりました。
ただ、_blank設定にしている、という情報はほしかったです。
回答者も、必ずしも質問者と同じ環境で検証とはできると限らず、
情報がないとなおさら、お門違いな回答になりかねません。
なので、次質問される時は、
これは関係ないだろう・・・とかと、自己判断せず、
できる限り現状のソースコードや環境などを詳細に記載するようにしていただければと思います。

[退会済みユーザー]

そうですね。自分のurlの部分に目がいっていて_blankの記載を忘れていました。失礼しました。

Answer 2

まず仕組みを理解することから、始めましょう。
ブラウザから、他のアプリを起動する場合、モバイルデバイスは、URLスキームというものを使用して、
他のアプリを起動します。
例えば、urlに、message://と入れると、デフォルトに設定しているメーラーが起動できるかと思います。
そうやって、URLにアクセスさせることによって、他のアプリを起動するものを、
URLスキームと呼びます。

ただし、下記のぐるなびなどのグルメサイトの地図アプリで開く、などには、通常のマップへのURLが記載されているかと思います。
（ぐるなびの場合は、onclickによって、URLにアクセスしてますが）

完全個室居酒屋 TOTORIKO ～ととりこ～ 新宿東口店 地図・アクセス - ぐるなび

地図アプリで見るでアクセスさせているページは下記になります。

http://maps.google.com/maps?q=35.694493%2C139.701975%28%22完全個室居酒屋TOTORIKO ～ととりこ～ 新宿東口

Google Mapアプリが入っている端末でアクセスすると、Google Mapが起動したかと思います。

これは、Google Mapが、上記のようなURL形式でアクセスを受けた時に、
まずは、Google MapのURLスキームにアクセスさせ、その際、アプリがない、（ようはアクティブアプリが切り替わらない）場合は、時間経過で、通常のGoogle Mapの地図ページを表示させているのでしょう。
なぜ上記のような仕様かは、HTMLからは、どのアプリが入っているかなどは判別できないからです。

しかし、アプリが入っているのに、起動しないのはなぜかというと、
iOSにおいては、純正のSafariだからこそ、URLスキームとして判別が正常にされるから、
Chromeでは正常に処理されない、が原因かと思います。
Androidは、Chromeがデフォルトブラウザなため、URLスキームが正常に処理されるかと思います。

さて、Android、iOSでも両方、地図アプリを起動する方法ですが、これは最悪、JavaScriptによって、OSやブラウザ別にURLを切り替える必要があるでしょう。
iOSであるかつ、Safariならば、このURL、Androidでかつ、ChromeならこのURL、と。
（おそらくですが、ぐるなびのマップへのリンクが、hrefに書いてないのは、上記の処理分岐をさせるためかと思います）
JavaScriptの処理どうすれば？というのは、本件から外れてしまうので、以上といたします。
ご自身でまずは調べましょう。

Comments

[退会済みユーザー]

回答ありがとございます。
自分で調べましたが時間がなかったので質問しました。
ぐるなびは分岐してるんですね～参考になります