Google マップ API を使用して、サイト用に複数のポイントを一度に表示する簡単なマップを作成しました。しかし、これらの各ポイントをクリックできるようにして、クリックすると非常に簡単な説明が表示されるようにしたいとも考えています。
ポイントをプロットするための私の JavaScript は以下のとおりです。
for (var i = 0; i < coords.length; i++) {
// create a closure for your latitude/longitude pair
(function(coord) {
// set the location...
var latLng = new google.maps.LatLng(coord[0], coord[1]);
// ...and add the Marker to your map
var marker = new google.maps.Marker({
position: latLng,
draggable: true,
map: map
});
})(coords[i]);
};