質問

ズームレベルの変更は、最後のページの負荷からいつでもマップ上にあるマップ上にすべてのマーカーを表示させます。これは、ズームレベルの変化がSetzoom()のCALLが原因であるか、またはズームスライダを操作するため、本当です。

私は、さまざまなカテゴリに対応するマーカーを追加するためのボタンを搭載したマップコントロールウィジェットを持っています。そのため、グループのボタンをクリックすると、マップはグループを表すマーカーでポップされます。次に、個人のボタンをクリックすると、グループマーカーがクリアされ削除され、個々のマーカーがマップに表示されます。そして他のカテゴリと一緒に。しかし、ズームレベルの変化は、ページが最後に更新されてからマップ上にあるマーカーをバック化します。

MarkerClusterPlusを使用しています。これがMarkerClusterPlusのバグ、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();
}
.

最後にいますが、これはMarkerClusterPlusライブラリです。 http://google-maps-utilly-library-v3.googlecode.com/svn/tags/markerclusterplus/2.0.9/src/

役に立ちましたか?

解決

MarkerClusterについてあまり知りませんが、起こっているように見えるものは、新しいMarkerClusterを作成しているが古いものが破棄/削除されたことがありますが、作成したすべてのインスタンスを変更することはできません。彼らが持っているマーカーを再描画してください。MarkerClusterのClearMarkersまたはRemoverMarkersメソッドを試してください。また、MarkerClusterのインスタンスを1つだけ作成し、Cal AddMarkersを作成するたびに新しいものを作成するのではなく、それを再利用してください。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top