2

gmaps.js の addMarker() を使用していくつかのマーカーを作成しました。

var lat= new Array();
var lng= new Array();
var title= new Array();
lat[0]=...
lng[0]=...
title[0]=...
...

for(i=0;i<lat.lenth;i++){
  map.addMarker({
    lat: lat[i],
    lng: lng[i],
    title: title[i],    
  });
}

ここで、現在表示されているマップ内のマーカーのみを取得し、サイトのリストをテーブルに表示したいと考えています。どうやってやるの？簡単に実装できる gmaps.js の API はありますか?

助けてくれてありがとう！

4

1 に答える 1

1

マップの境界を取得してから、その境界に各マーカーが含まれているかどうかを確認する必要があります。

var bounds = map.getBounds();

for (var i=0;i<lat.length;i++) {
  var latlng = new google.maps.LatLng(lat[i], lng[i]);

  map.addMarker({
    lat: lat[i],
    lng: lng[i],
    title: title[i],    
  });

  if (bounds.contains(latlng)) {
    // add the details into an array here.  After the loop, output the contents to a div
  }
}
于 2012-10-23T08:43:17.157 に答える