勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

スマホでページ内リンクからGoogleMapアプリを開く

   2024/02/22  Google Maps API Google HTML

スマホでWebページにあるリンクをクリックした際にGoogleMapアプリを表示させ、指定した位置を中心にしたかった。以下に方法をメモ。

 

リンク記述方法

#経度緯度の場合
<a href="//maps.google.co.jp/maps?q=経度,緯度">
    リンク
</a>

#住所や建物名
<a href="//maps.google.co.jp/maps?q=東京タワー">
    リンク
</a>

 - Google Maps API Google HTML

  関連記事

Google Maps APIで複数のマーカーをまとめる方法
Google Maps APIで複数のマーカーをまとめる方法

Google Maps APIでマーカーを複数表示し、近隣のエリアごとにまとめて ...

Google Maps APIでマーカーが全て表示されるように自動ズームする方法
Google Maps APIでマーカーが全て表示されるように自動ズームする方法

Google Maps APIでマーカーを複数設置した場合にズームの値や、マーカ ...

HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法
HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...

GoogleMapAPIでクリックした座標にマーカーを設置する方法
GoogleMapAPIでクリックした座標にマーカーを設置する方法

GoogleMapAPIでクリックした位置にマーカーを設置し、座標の経度緯度をテ ...

Google Maps APIとPHPを組み合わせて複数マーカーとウィンドウを連携させる方法
Google Maps APIとPHPを組み合わせて複数マーカーとウィンドウを連携させる方法

やりたかった事は以下の通り。 mysqlから経度緯度、マーカー名、マーカーIDを ...