1

ズーム レベルを変更すると、最後のページ読み込み以降にマップ上にあったすべてのマーカーがマップ上に表示されます。これは、ズーム レベルの変更がコード内の setZoom() 呼び出しによるものであるか、ズーム スライダーの操作によるものであるかに関係なく当てはまります。

さまざまなカテゴリに対応するマーカーを追加するためのボタンを備えたマップ コントロール ウィジェットがあります。グループのボタンをクリックすると、グループを表すマーカーがマップに表示されます。次に、[個人] ボタンをクリックすると、グループ マーカーがクリアおよび削除され、個人マーカーがマップに表示されます。他のカテゴリについても同様です。ただし、ズーム レベルを変更すると、ページが最後に更新されてからマップ上にあったマーカーが元に戻ります。

MarkerClustererPlus を使用しています。これが MarkerClustererPlus のバグなのか、Google のコードなのか、私のコードなのかわかりません。うまくいけば後者です。以下に addMarkers 関数を含めます。新しいマーカーを追加する前にマーカーをクリアして削除するため、以前のマーカーがどのように戻ってくる可能性があるのか​​ わかりません。ズームの変更によって元のマーカーが戻る理由は気にしないでください。

function addMarkers(map,flag) { 

  clearOverlays();
  deleteOverlays();

  if ('event' == flag) {
    data = himaps_event_data;
  } else if ('story' == flag) {
    data = himaps_story_data;
  } else if ('group' == flag) {
    data = himaps_group_data;
  } else {
    data = himaps_user_data;
  }

  for (var k in data) {
    var item = data[k];
    var latLng = new google.maps.LatLng(item.lat, item.lng);
    var marker = new google.maps.Marker({'position': latLng});
    markersArray.push(marker); 
  } 

  var markerCluster = new MarkerClusterer(map, markersArray);  
}

また、ズームを変更すると、マーカーがクリアされなくなります。ボタンをクリックしてカテゴリを変更すると、マップ上に蓄積され続けます。ズームレベルを変更しないと、それは絶対に起こりません。

リクエストに応じて、コードの詳細を次に示します。

function clearOverlays() {
  if (markersArray) { 
    for (var i = 0; i < markersArray.length; i++ ) {
      markersArray[i].setMap(null);
    }
  }
}

function deleteOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
    markersArray.length = 0;
  }
}

/* map controls */
(function($) {
  Drupal.behaviors.himaps = {
  attach: function(context, settings) {
    $('.map-controls button').click(function() {
      flag = this.id.replace('map-',''); 
      addMarkers(map,flag);
    });
  }
  }
})(jQuery);


/* homepage map */
function newMap(clat,clng) {
  if (!clat) {
    clat = 37.65;  
  }
  if (!clng) {
    clng = -97.43;  
  }
  var myOptions = {
    scrollwheel: false,
    mapTypeControl: false,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        position: google.maps.ControlPosition.LEFT_CENTER
    },
    panControl: false,
    panControlOptions: {
        position: google.maps.ControlPosition.LEFT_CENTER
    },
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.LEFT_CENTER
    },
    draggable: true,
    center: new google.maps.LatLng(clat, clng),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  return new google.maps.Map(document.getElementById("map-canvas"), myOptions);

}

var map;
var markersArray = [];
var geocoder; 
var marker;
var listener;

google.maps.event.addDomListener(window, 'load', initmapping);

function initmapping() { //aka initialize()
  map = newMap();
  addMarkers(map,'group');
  geocoder = new google.maps.Geocoder();
}

最後になりましたが、ここに MarkerClustererPlus ライブラリがあります: http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.9/src/

4

1 に答える 1

3

MarkerClusterer についてはよくわかりませんが、addMarkers 関数を呼び出すたびに、新しい MarkerClusterer を作成していますが、古いものは決して破棄/削除されないため、ズームを変更すると、作成したすべてのインスタンスがマーカーを再描画します彼らは持っている。MarkerClusterer の clearMarkers または removerMarkers メソッドを試し、addMarkers を呼び出すたびに新しいインスタンスを作成するのではなく、MarkerClusterer のインスタンスを 1 つだけ作成して再利用します。

于 2012-03-08T14:49:14.420 に答える