• 小
  • 中
  • 大

地図の表示位置とサイズ

Webページ内で地図を表示させたい場所(任意で指定場所)にdiv要素(id)を記述します。ロード時(Webページ読み込み時)にスクリプトを使ってdiv要素に地図をbody内に埋め込み地図を表示します。

<p>Google Maps v3 APIを使った地図サンプル。</p>
<div id="map_canvas" style="width:500px; height:300px"></div>

div要素のwidth(幅)height(高さ)を変えることで地図のサイズを簡単に変更できます。
<div id="map_canvas" style="width:300px; height:400px"></div>