marker.setVisible不是Google Maps中的函數

-1

我的地圖顯示了json中的點，但我無法用下面的代碼過濾這些點。我認爲標記和過濾器之間應該有聯繫，但我不知道如何。marker.setVisible不是Google Maps中的函數

var map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: -34.397, lng: 150.644}, 
    scrollwheel: false, 
    zoom: 8 
}); 

var points = 'http://www.example.com/json.json'; 

$.getJSON(points, function(json1) { 
    $.each(json1, function(key, data) { 
     var latLng = new google.maps.LatLng(data.latlng.lat, data.latlng.lng); 
     // Creating a marker and putting it on the map 
     var marker = new google.maps.Marker({ 
      position: latLng, 
      map: map, 
      category: data.category, 
      //icon: iconBase + data.posture + '.svg', 
      title: data.title 
     }); 
    }); 

    filterMarkers = function (posture) { 
     for (i = 0; i < json1.length; i++) { 
      marker = json1[i]; 
      // If is same category or category not picked 
      if (marker.category == category || category.length === 0) { 
       marker.setVisible(true); 
      } 
      // Categories don't match 
      else { 
       marker.setVisible(false); 
      } 
     } 
    } 
    $('.button-group a').click(function(e){ 
     var category = $(this).attr('data-filter'); 
     filterMarkers(category); 
    }); 

});

您有解決方法嗎？

來源

2017-04-05 William Ode

什麼是錯誤？你有什麼步驟來解決這個問題？ – Magix

當我嘗試點擊一個過濾器錨（'.button-group a'）時，控制檯返回一個錯誤'marker.setVisible不是一個函數' –

'marker'，您根據需要做了'marker.setVisible（）'成爲谷歌標記本身。它看起來像你試圖在你的一個json元素'json1 [i]'上執行該函數。當您創建它們時，您需要將Google標記存儲在數組中，然後在想要運行該函數時訪問正確的數組項。 –

好的，我理解下面的評論。要做到這一點，我把所有的標記放在一個數組中，我的過濾器作用在這個數組上

var map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: -34.397, lng: 150.644}, 
    scrollwheel: false, 
    zoom: 8 
}); 

var points = 'http://www.example.com/json.json'; 

$.getJSON(points, function(json1) { 
    var markers_array = []; 
    $.each(json1, function(key, data) { 
     var latLng = new google.maps.LatLng(data.latlng.lat, data.latlng.lng); 
     // Creating a marker and putting it on the map 
     var marker = new google.maps.Marker({ 
      position: latLng, 
      map: map, 
      category: data.category, 
      //icon: iconBase + data.posture + '.svg', 
      title: data.title 
     }); 

     markers_array.push(marker); 

    }); 

    filterMarkers = function (posture) { 
     for (i = 0; i < markers_array.length; i++) { 
      marker = markers_array[i]; 
      // If is same category or category not picked 
      if (marker.category == category || category.length === 0) { 
       marker.setVisible(true); 
      } 
      // Categories don't match 
      else { 
       marker.setVisible(false); 
      } 
     } 
    } 
    $('.button-group a').click(function(e){ 
     var category = $(this).attr('data-filter'); 
     filterMarkers(category); 
    }); 
});

來源

2017-04-06 11:46:44

marker.setVisible不是Google Maps中的函數

回答

相關問題