Question

嗨，我很难找到一个问题来显示护目镜地图上的方式点，因为诡计的代码没有变化。关于上周的方式停止显示。我不熟悉google api

 

    
var map = null;
var markerArray = []; //create a global array to store markers
var myPoints = 
[ [52.664167, -8.509825,' HQ','favicon.ico'] ,[52.836346, -6.913117,'point 1','http://maps.google.com/mapfiles/ms/icons/red.png ' ],[52.836202, -6.912101,'point2','http://maps.google.com/mapfiles/ms/icons/red.png ' ]];
function initialize() {
    var myOptions = {
        zoom:7,
        center: new google.maps.LatLng(53.112, -7.448),
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map"), myOptions);

    var mcOptions = {
        gridSize: 30,
        maxZoom: 15
    };
    var mc = new MarkerClusterer(map, [], mcOptions);

    google.maps.event.addListener(map, 'click', function() {
        infowindow.close();
    });

    // Add markers to the map
    // Set up markers based on the number of elements within the myPoints array
    for(var i=0; i<myPoints.length; i++){
        createMarker(new google.maps.LatLng(myPoints[i][0], myPoints[i][1]), myPoints[i][2], myPoints[i][3]);
		
    }
	
	
    
    mc.addMarkers(markerArray , true);
}

var infowindow = new google.maps.InfoWindow({
    size: new google.maps.Size(150, 50)
});

function createMarker(latlng, html, icons) {
    var contentString = html;
	 var links = icons;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
		icon: links ,
      
        zIndex: Math.round(latlng.lat() * -100000) << 5
    });
	
	 
	

   // marker.setAnimation(google.maps.Animation.BOUNCE);
    
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString);
        infowindow.open(map, marker);
    });
    
    markerArray.push(marker); //push local var marker into global array
}

window.onload = initialize;

<script src="https://maps.googleapis.com/maps/api/js?v=3" 
          type="text/javascript"></script>
<div id="map" style="width: 800px; height: 750px;" ></div>

有什么建议吗？

Answer 1

您似乎正在使用MarkerClusterer，这是最近移动的Google地图实用程序库的一部分。有人可能会直接从您的项目中的code.google.com/svn / ...引用该库，它不再可用，这就是它被破坏的原因。您需要查找从https://google-maps-utility-library-v3.googlecode.com/svn引用的所有库，然后用您自己的链接替换。

选中此SO question，用户与您的问题非常相似。

另外！检查此question and answers on SO !!，有些用户遇到同一个库的问题，以获取更多信息。阅读所有答案，因为用https://google-maps-utility-library-v3.googlecode.com/svn替换https://rawgit.com/googlemaps/ ...不是正确的解决方案，您应该将库资源下载到项目中并从那里引用它们或使用CDN（但不是git！）。

谷歌地图停止显示点v3

1 个答案: