Включить / выключить маркеры карты Google по категориям - PullRequest
Новая
       33

Включить / выключить маркеры карты Google по категориям

3 голосов
/ 29 апреля 2011

У меня есть ниже, и я хочу отсортировать маркеры по типу категории, которая выбирается под cat: dataMarkers.catЯ немного растерялся относительно того, как на самом деле сделать это наилучшим образом.Я думаю, MarkManager для каждой категории?Нужно ли каждой категории быть в своем собственном массиве markerManager?Как этот фактор влияет на markerClusterer? 

var map;

function initialize() {
        var center = new google.maps.LatLng(39.632906,-106.524591);
        var options = {
          'zoom': 8,
          'center': center,
          'mapTypeId': google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("map_canvas"), options);

            <!--Load Markers-->
                    var markers = [];
                    for (var i = 0, dataMarkers; dataMarkers = data.markers[i]; i++) {
                      var latLng = new google.maps.LatLng(dataMarkers.lat, dataMarkers.lng);
                      var marker = new google.maps.Marker({
                        position: latLng,
                        title: dataMarkers.title,
                        date: dataMarkers.date,
                        time: dataMarkers.time,
                        desc: dataMarkers.desc,
                        img: dataMarkers.img,
                        add: dataMarkers.address,
                        cat: dataMarkers.cat,
                        map: map
                      });

            <!--Display InfoWindows-->    
                    var infowindow = new google.maps.InfoWindow({
                            content: " "
                          });
                          google.maps.event.addListener(marker, 'click', function() {
                            infowindow.setContent('<div id="mapCont"><img class="mapImg" src="'+this.img+'"/>' +
                                                  '<div class="mapTitle">'+this.title+'</div>' + 
                                                  '<div class="mapHead">Date: <div class="mapInfo">'+this.date+'</div>' +
                                                  '<div class="mapHead">Time: <div class="mapInfo">'+this.time+'</div>' +
                                                  '<p>'+this.desc+'</p></div>');
                            infowindow.open(map, this);
                          });

                      markers.push(marker);
                    }

            <!--Cluster Markers-->
                var markerClusterer = new MarkerClusterer(map, markers, {
                  maxZoom: 15,
                  gridSize: 50
                });

}

1 Ответ

3 голосов
/ 29 апреля 2011

Я рекомендую вам хранить все маркеры в массиве. Создайте поле с именем category на каждом маркере и присвойте ему правильное значение.

Всякий раз, когда категория изменяется, вы пробегаете свой массив маркеров и устанавливаете marker.visible = true для тех, которые находятся в правильной категории, и marker.visible = false для всех остальных.

В JavaScript легко динамически назначать новые поля для объекта. Вы бы просто сказали: 

var marker = new google.maps.Marker({
    position: latLng,
    title: dataMarkers.title,
    date: dataMarkers.date,
    time: dataMarkers.time,
    desc: dataMarkers.desc,
    img: dataMarkers.img,
    add: dataMarkers.address,
    cat: dataMarkers.cat,
    map: map
});
marker.category = THE_CATEGORY_IT_BELONGS_TO;

У маркера будет поле с именем category, пока оно существует.

...