Google Maps StyledMarker funktioniert nicht mehr

Question

Meine Seiten wie this eine, die StyledMarker verwendet, funktionierte gut, aber seit etwa einem Monat (?) Her scheitern. Firefox-Konsole gibt

ReferenceError: StyledMarker is not defined 

hier

function initialize() { var mapCanvas = document.getElementById('map'); var mapOptions = {center:new google.maps.LatLng(latitudeMid,longitudeMid),mapTypeId:google.maps.MapTypeId.ROADMAP,streetViewControl:false,mapTypeControl:true,scaleControl:true,scaleControlOptions:{position:google.maps.ControlPosition.TOP_RIGHT}}; usefulWidth=window.innerWidth-50; map = new google.maps.Map(mapCanvas, mapOptions); var i; var insertion; var previousMarker; var previousZindex; document.getElementById('zoemCheck').checked=false; for (i = 0; i < fotoCount; i++) { 
    var myLatLng =new google.maps.LatLng(Latituden[i], Longituden[i]); 
    //=========================================================================================================================== 
    var marker = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:'00ff00',text:Letters[i]}),position:myLatLng,map:map}); 
    //=========================================================================================================================== 
    bounds.extend(myLatLng); 
    marker.set('zIndex', -i); 
    marker.myIndex = i; 
    markers.push(marker); 
    google.maps.event.addListener(marker, 'click', function() { 
     if(previousMarker!=null) 
     { 
     previousMarker.styleIcon.set('color', '00ff00'); 
     previousMarker.set('zIndex', previousZindex); 
     previousZindex=this.zIndex; 
     } 
     this.styleIcon.set('color', 'ff0000'); 
     this.set('zIndex', google.maps.Marker.MAX_ZINDEX+1); 
     thisMarker=this.myIndex; 
     if (zoem==1) //moet nu inzoemen 
     { 
     map.setCenter(new google.maps.LatLng(Latituden[thisMarker], Longituden[thisMarker])); 
     map.setZoom(18); 
     } 
     if (zoem==2) //moet nu uitzoemen 
     { 
     map.setCenter(new google.maps.LatLng(latitudeMid,longitudeMid)); 
     map.setZoom(myZoom); 
     zoem=0; 
     } 
     var insertion=""; 
     insertion='<img src=\"http://www.pdavis.nl/Ams/'.concat(Bestanden[this.myIndex],'.jpg \" id=\"myImg\" onLoad=\"imgEvent()\"></img>'); 
     insertion=insertion.concat('<table class=width100><tr><td>Bestand: ',Bestanden[this.myIndex],'</td><td class=pright>Lokatie: ',Latituden[this.myIndex],' °N., ',Longituden[this.myIndex],' °E. (',Letters[this.myIndex],')</td>'); 
     insertion=insertion.concat('<td class=pright>Genomen: ',Datums[this.myIndex],'</td></tr><td colspan=3>Object: ',Objecten[this.myIndex],'</td></table>'); 
     $('#photo').html(insertion); 
     previousMarker=this; 
     document.getElementById('myImg').style.width = '100%'; 
     }); google.maps.event.addDomListener(document.getElementById('volgende'), 'click', nextEvent); google.maps.event.addDomListener(document.getElementById('vorige'), 'click', previousEvent); google.maps.event.addDomListener(document.getElementById('zoemer'), 'click', zoemerEvent); google.maps.event.addDomListener(document.getElementById('totaal'), 'click', totaalEvent); }  map.fitBounds(bounds); google.maps.event.trigger(markers[0], 'click'); document.getElementById('header').style.width = (window.innerWidth-20) 
+ "px"; document.getElementById('vorige').style.left = ((window.innerWidth/2)-295) + "px"; document.getElementById('volgende').style.left = document.getElementById('vorige').offsetLeft + 90 + "px"; document.getElementById('selectie').style.left = (window.innerWidth-910) + "px"; if (window.innerWidth<1920) 
    { 
    document.getElementById('map').style.width = 0.40 * usefulWidth + 'px'; 
    document.getElementById('photo').style.width = 0.60 * usefulWidth + 'px'; 
    } FillSelecters(); } 

I schließen

<script src="https://maps.googleapis.com/maps/api/js"></script> 
<script type="text/javascript" src="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/styledmarker/src/StyledMarker.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

Ich habe nicht in der Lage gewesen, eine Bezugnahme auf die jüngsten Änderungen in dieser Skripte zu finden. Muss ich ein anderes Skript hinzufügen?

Answer 1

Die URL https://google-maps-utility-library-v3.googlecode.com/svn/trunk/styledmarker/src/StyledMarker.js existiert nicht mehr. Die meisten Projekte wurden nach GitHub verschoben, aber ich konnte das StyledMarker-Projekt auf der neuen Site nicht finden. Aber die Quelle kann immer noch here und here gefunden werden. Entweder Sie ersetzen die Linie

<script type="text/javascript" src="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/styledmarker/src/StyledMarker.js"></script> 

mit

<script type="text/javascript" src="https://cdn.rawgit.com/jacopotarantino/google-maps-utility-library-v3/master/styledmarker/src/StyledMarker.js"></script> 

oder Sie kopieren das Skript in das eigene Projekt, so dass Sie müssen nicht auf allen Repositories verlassen online zu sein (was ich würde vorschlagen) .