0

ここのユーザーからの素晴らしい助けのおかげで、ウェブサイトのすべての地図マーカーを非表示にするボタンができました. ただし、カテゴリに基づいてマーカーを非表示にできる必要があります。

以下のコードは、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;
  }

カテゴリ属性には、Google からの応答を入力する必要があると思います。現在の問題は、関数を呼び出してマーカーを非表示にするときに、これらの結果 (特定のカテゴリ) を選択することです。配列データにアクセスする方法がわかりません。ここで複数のスレッドを検索しましたが、それらのコードは私のものとは大きく異なります。マーカーを非表示にするための私のコードはこちらです。

  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]));
      }
    }
  }
4

1 に答える 1

1

次のようにマーカーのカテゴリを取得できます。

function onRemoveBtn_Clicked() {
    var i;
    for (i = 0; i < markers.length; i++) {
      if (markers[i].get("category") != selected_category) {
        markers[i].setMap(null);
      }
    }
  }
于 2012-11-20T03:48:30.747 に答える