地図にマーカーを表示してみる。Google Maps JavaScript API(v3)
2014年3月19日
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を指定する事で、ドラッグ可能なマーカー(ピン)を表示することができました。