3-1.マーカーを地図に追加する

 マーカーを地図に追加するには、google.maps.Marker クラスのインスタンスを作成し、Mapインスタンスに割り当てます。 mapインスタンスを割り当てるには、コンストラクタでMarker Options の mapプロパティ、または Marker クラスのsetMapメソッドを利用します。


var centerPos = new google.maps.LatLng(35.658613, 139.745525);
var mapOptions = {
  zoom : 18,
  center : centerPos,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var markerOptions = {
  position : centerPos,
  map : map,
  title : "Hello world!"
};
var marker = new google.maps.Marker(markerOptions);

マーカーを地図上に表示させる基本的なコード
3-1_map.html

マーカーが地図の中心に追加された様子
マーカーが地図の中心に追加された様子

Marker Options のposition プロパティは必ず指定する必要があります。 titleプロパティは、マーカーにマウスカーソルを載せたときに表示されるツールチップです。 もしコンストラクタで何も指定したくないときには、空のJavaScript オブジェクトを指定してください。

var marker = new google.maps.Marker({});
サイト内検索
Maps APIの本を書きました
Google Maps APIプログラミング入門
全480ページ。Google Maps API ver.2, ver.3, for Flash, Static Maps API v2, Google Maps API Primery, ライセンス…など、Google Maps APIに関連する幅広い内容の本を書きました。
このサイトで公開しているサンプルはもちろん、本のために作ったサンプルも満載です。
詳しくはこちら

Google Maps Designer
Google Maps Designer