Google Map APIでMapの表示とマーカーのコントロール ｜ スターフィールド株式会社
Google Map APIを使うと、簡単にWebページ上にGoogleマップを表示することができるため、 Webページの制作に関わる方はよく利用する機会があると思います。 地図の中に目的地のマーカーを設置する場合もあると思います。 今回は、マップ外に目的地のリストを表示し、 目的のリンクをクリックした時に、 マップ内のマーカーの情報を表示するという処理が必要な場合の方法についてご紹介いたします。 ↓こちらがそのDEMOです DEMO 方法 手順 HTML、CSSを準備してGoogleMapAPIを読み込み、APIの基本設定を行う マーカーの設定とマーカーの詳細の設定を行う マップ外の目的地リストをクリックしたときの設定を行う 1. HTML、CSSを準備してGoogleMapAPIを読み込む HTML body内
住所からGoogle Mapをサイトに表示する方法 - Qiita
<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <script> function drawMap(address) { var geocoder = new google.maps.Geocoder(); //住所から座標を取得する geocoder.geocode( { 'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる 'region': 'jp' }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { google.maps.event.addDomListener(window, 'load'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
