隐藏/显示标记类别Google Maps API

时间:2012-11-20 03:36:23

标签: jquery google-maps-api-3 google-maps-markers

因此,经过用户的一些精彩帮助,我现在有一个按钮可以隐藏我网站上的所有地图标记。但是我需要能够根据类别隐藏标记。

以下代码将结果从Google传递到标记数组

  function createMarker(place) {
    var iconType = {};
    iconType['atm'] = "http://maps.google.com/mapfiles/ms/micons/dollar.png";
    iconType['bus_station'] = "http://maps.google.com/mapfiles/ms/micons/bus.png";
    //iconType['restaurant'] = "http://maps.google.com/mapfiles/ms/micons/restaurant.png";
    iconType['parking'] = "http://maps.google.com/mapfiles/ms/micons/parkinglot.png";
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
      map : map,
      icon : iconType[place.types[0]],
      position : place.geometry.location,
      category : category
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.setContent(place.name);
      infowindow.open(map, this);
    });

    return marker;
  }

我认为现在应该使用谷歌的响应来填充类别属性,我现在的问题是在调用我的函数隐藏标记时选择这些结果(特定类别),我不知道如何访问对于类别的数组数据,我在这里搜索过多个线程但是它们的代码与我的代码有很大的不同。我隐藏标记的代码就在这里。

  function onRemoveBtn_Clicked() {
    var i;
    for (i = 0; i < markers.length; i++) {
      markers[i].setMap(null);
    }
  }

任何帮助非常感谢。哦,用于获得结果的代码是。

service = new google.maps.places.PlacesService(map);
service.nearbySearch(request, callback);
  function callback(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        var place = results[i];
        markers.push(createMarker(results[i]));
      }
    }
  }

1 个答案:

答案 0 :(得分:1)

您可以像这样获得标记的类别:

function onRemoveBtn_Clicked() {
    var i;
    for (i = 0; i < markers.length; i++) {
      if (markers[i].get("category") != selected_category) {
        markers[i].setMap(null);
      }
    }
  }