{{tag>プログラミング関連 Google_Maps_API3}}
[[start]]＞[[programming_start]]
====== GoogleMaps APIv3 地図の表示======
DokuWiki に Google Maps Javascript API v3 の地図を表示します。
[[https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja
|Google Mapsのスタートガイド]]を参考に地図を表示してみます。
----
===== デモ =====
===== PR =====
===== サンプル =====
* 【YOUR_API_KEY】の部分を各自で取得したKEYに書き換えて、このコードを挿入して下さい。
* DokuWikiではHead要素内の編集がページ別にできないため、HTML文法的に正しくないかもしれませんがスタイルシートの設定をbody要素内で行っていますご注意下さい。
スタートガイドではmapスタイルシートが
#map{height:100%}
となっていますが表示できなかったので
#map {width:400px;height:300px;}
に変更しています。
----
[[start]]＞[[programming_start]]