読者です 読者をやめる 読者になる 読者になる

Google Maps v3でのマーカー(marker)ドラッグ(drag)について

Google Maps version3では、addListenerにて"dragend"をlistenしていてもMarkerインスタンスdraggable: trueにしないとマーカーをドラッグできない。ちょっとハマった。

var marker = new google.maps.Marker({
    position: point,
    map: map,
    draggable: true
});

google.maps.event.addListener(marker, 'dragend', function() {
    var p = marker.position;
    document.getElementById('latitude').value = p.lat();
    document.getElementById('longitude').value = p.lng();
});

参考

v2: http://orange-factory.com/dnf/googlemap.html
v3: http://hampom.wordpress.com/2010/03/03/google-maps-apiv3-%E3%81%A7%E4%BD%8F%E6%89%80%E3%81%8B%E3%82%89%E5%9C%B0%E5%9B%B3%E3%81%AB%E3%83%9E%E3%83%BC%E3%82%AB%E3%83%BC%E3%82%92%E7%BD%AE%E3%81%8F%EF%BC%81/