Googleマップは表示された領域のマーカーのみを読み込みます

Question

私はウェブサイトの開発にGoogleマップを使用しています。私のデータベースには多くのマーカーがあります。現在の地図に表示されている領域にあるマーカーをロードします。ズーミングが変わると、マーカの数もそれに応じて調整する必要があります。最善のアプローチは何ですか？前もって感謝します！

Answer 1

使用します。また、追加したりする場合、ユーザーの変更データを削除するのbounds_changed機能を使用することができます

"select lat, lng 
    from your_table 
    where lat = $minLat 
    AND lat <= $maxLat 
    AND lng <= $maxLng 
    AND lng >= $minLng"; 

Answer 2

バインド

aNord = this.map.getBounds().getNorthEast().lat(); 
    aEst = this.map.getBounds().getNorthEast().lng(); 
    aSud = this.map.getBounds().getSouthWest().lat(); 
    aOvest = this.map.getBounds().getSouthWest().lng(); 

フィルタ（サーバー側）データベースからのデータのために（この場合はPHPで）地図をズームまたはパンする。

var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 12, 
     center: {lat:41.082774, lng: 28.86821}, 
     disableDefaultUI: true 
    }); 

    google.maps.event.addListener(map, 'bounds_changed', function() { 
    aNord = map.getBounds().getNorthEast().lat(); 
    aEst = map.getBounds().getNorthEast().lng(); 
    aSud = map.getBounds().getSouthWest().lat(); 
    aOvest = map.getBounds().getSouthWest().lng(); 
    });