Google MarkerClusterer不顯示標記

我試圖用this sample code提供的數據替換我的數據，但我的代碼無效。我剛剛添加了一個名爲results的數組，並嘗試將其lat和lan值傳遞給地圖，但由於某些原因，它不起作用。Google MarkerClusterer不顯示標記

<!doctype html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>MarkerClusterer v3 Simple Example</title> 
 
    <style > 
 
     body { 
 
     margin: 0; 
 
     padding: 10px 20px 20px; 
 
     font-family: Arial; 
 
     font-size: 16px; 
 
     } 
 
     #map-container { 
 
     padding: 6px; 
 
     border-width: 1px; 
 
     border-style: solid; 
 
     border-color: #ccC#ccC#999 #ccc; 
 
     -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; 
 
     -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; 
 
     box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px; 
 
     width: 600px; 
 
     } 
 
     #map { 
 
     width: 600px; 
 
     height: 400px; 
 
     } 
 
    </style> 
 

 
    <script src="https://maps.googleapis.com/maps/api/js"></script> 
 
    <script> 
 
     var script = '<script type="text/javascript" src="https://googlemaps.github.io/js-marker-clusterer/src/markerclusterer'; 
 
     if (document.location.search.indexOf('compiled') !== -1) { 
 
     script += '_compiled'; 
 
     } 
 
     script += '.js"><' + '/script>'; 
 
     document.write(script); 
 
    </script> 
 

 
    <script> 
 
     function initialize() { 
 

 
     var results = [ 
 
      [ 
 
      'Alexs loc', '37.9908372', 
 
      '23.7383394', '0', 
 
      'id-90'], [ 
 
       'John Jamess loc', '37.9908372', 
 
       '23.7383394', '1', 
 
       'id-89'], [ 
 
       'Normans loc', '38.075352', 
 
       '23.807885', '3', 
 
       'id-12'], [ 
 
        'Jack Moores loc', '37.9908372', 
 
        '23.7383394', '2', 
 
        'id-67'], ]; 
 
      var center = new google.maps.LatLng(37.9908372, 23.7383394); 
 

 
      var map = new google.maps.Map(document.getElementById('map'), { 
 
      zoom: 3, 
 
      center: center, 
 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
 
      }); 
 

 
      var markers = []; 
 
     for (var i = 0; i < results.length; i++) { 
 
      var placeLoc = new google.maps.LatLng(results[i][1], results[i][2]); 
 
      var marker = new google.maps.Marker({ 
 
      position: latLng 
 
      }); 
 
      markers.push(marker); 
 
     } 
 
     var markerCluster = new MarkerClusterer(map, markers); 
 
     } 
 
     google.maps.event.addDomListener(window, 'load', initialize); 
 
    </script> 
 
    </head> 
 
    <body> 
 
    <p> 
 
     <a href="?compiled">Compiled</a> | 
 
     <a href="?">Standard</a> version of the script. 
 
    </p> 
 
    <div id="map-container"><div id="map"></div></div> 
 
    </body> 
 
</html>

來源

2015-06-11 Jack

未選中，但我看到你在循環創建標記的代碼。這裏的位置應該是指placeLoc而不是latLng

var marker = new google.maps.Marker({ 
      position: placeLoc 
      });

來源

2015-06-11 06:06:29 jsjunkie

Google MarkerClusterer不顯示標記

回答

相關問題