jQuery未定义变量标记

时间:2018-08-19 14:37:12

标签: javascript jquery google-maps marker

我有一个带有一堆标记的google地图。缩小时,必须看到标记簇: http://libris.houston-1.hybridmedia.be/nl/het-project/

我总是收到错误:Uncaught ReferenceError:未定义MarkerCluster

但是正确包含了markercluster.js文件。现在我完全不知道该怎么办了:(

1 个答案:

答案 0 :(得分:0)

它是固定的。我确实写过一个错字“ MarkerCluster”,必须是“ MarkerClusterer”。 我还重新编写了loadMarkers函数

function loadMarkers(map) {

    var infoWindow = new google.maps.InfoWindow();
    geojson_url = '/project.geojson';

    jQuery.getJSON(geojson_url, function(result) {
       data = result['locations'];
       jQuery.each(data, function(key, val) {
           var point = new google.maps.LatLng(parseFloat(val['geometry']['coordinates'][0]), parseFloat(val['geometry']['coordinates'][1]));
           var titleText = val['properties']['name'];    
           var address = val['geometry']['address'];
           var marker = new google.maps.Marker({
               position: point,
               title: titleText,
               icon: icons[val['type']].icon,
               map: map,
               properties: val['type']
            });
            var markerInfo = "<div><h3>" + titleText + "</h3> " + address + "</div>";
            marker.addListener('click', function() {
              infoWindow.close();
              infoWindow.setContent(markerInfo);
              infoWindow.open(map, marker);
            });
            markers.push(marker);
          });
          var Marker = new MarkerClusterer(map, markers, {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
          Marker.addMarkers(markers);
      });
    }

我必须从标记中添加imagePath才能使其正常工作。