地図にマーカーを表示してみる。Google Maps JavaScript API(v3)

map自体の表示はできた(地図を表示してみる。)ので、地図上にマーカー(ピン)を表示してみたいと思います。

var map = new google.maps.Map(/* ..省略.. */);
var latLng = new google.maps.LatLng( 35.658706, 139.745419 ); // 東京タワーの緯度経度。

// 固定マーカー
var marker = new google.maps.Marker({
    position: latLng,
    map: map,
    title: '東京タワー'
});

これで、マーカーの表示ができました。

マーカー自体を移動させたい場合は、

var map = new google.maps.Map(/* ..省略.. */);
var latLng = new google.maps.LatLng( 35.658706, 139.745419 ); // 東京タワーの緯度経度。

// ドラッグ(移動)できるマーカー
var marker = new google.maps.Marker({
    position: latLng,
    map: map,
    title: '東京タワー',
    draggable: true // ドラッグ
});

draggableにtrueを指定する事で、ドラッグ可能なマーカー(ピン)を表示することができました。