Google Maps API: markerwithlabel.js - Yakalanmamış ReferenceError: google tanımlı değil

Dokümanları ve örnekleri okudum, ancak başlatma hatasını çözemediğim görülüyor ("İndirilmemiş ReferenceError: google tanımlı değil" + İndirilmemiş ReferenceError: homeLatLng tanımlı değil) markerwithlabel.js dosyasını ve 'u eklemeye çalıştığınızda bana "harita tamamlanmadan önce bir şey yükleyemiyorsunuz" sorusunu hatırlatıyor.Google Maps API: markerwithlabel.js - Yakalanmamış ReferenceError: google tanımlı değil

Ne yapabilirim?

yargılandı Ne:

<head> 
<script async defer src="https://maps.googleapis.com/maps/api/js?key=mykey&callback=initMap"></script> 
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js"></script> 
<script type="text/javascript"> 
    var map; 
    function initMap() { 

      map = new google.maps.Map(document.getElementById('map'), { 
       zoom: 14, 
       center: {lat: 52.5200066, lng: 13.404954} 
      }); 

      var marker1 = new MarkerWithLabel({ 
        position: homeLatLng, 
        draggable: true, 
        raiseOnDrag: true, 
        map: map, 
        labelContent: "$425K", 
        labelAnchor: new google.maps.Point(22, 0), 
        labelClass: "labels", // the CSS class for the label 
        labelStyle: {opacity: 0.75} 
      }); 
    } 
</script>

kaynak

2015-09-21 maxxyoo

markerwithlabel.js bir zaten yüklü haritalar-API gerektirir.

Map-API'yi eşzamansız olarak yüklediğinizde (kodunuzda olduğu gibi), markerwithlabel.js yükleneceği zaman map-API'nin yüklü olduğu konusunda bir garanti yoktur.

çözüm: eşzamanlı

<script src="https://maps.googleapis.com/maps/api/js?v=3&key=mykey"></script> 
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js"></script> 
<script type="text/javascript"> 
    var map; 
    function initMap() { 

      map = new google.maps.Map(document.getElementById('map'), { 
       zoom: 14, 
       center: {lat: 52.5200066, lng: 13.404954} 
      }); 

      var marker1 = new MarkerWithLabel({ 
        position: homeLatLng, 
        draggable: true, 
        raiseOnDrag: true, 
        map: map, 
        labelContent: "$425K", 
        labelAnchor: new google.maps.Point(22, 0), 
        labelClass: "labels", // the CSS class for the label 
        labelStyle: {opacity: 0.75} 
      }); 
    } 
google.maps.event.addDomListener(window, 'load', initMap); 
</script>

kaynak

2015-09-21 11:28:39

Bu mükemmel çalışır haritalar-API yükleyin. (: Açıklama için teşekkürler! – maxxyoo

Çok teşekkürler. :-) Çalışmaya çalışırken harcadığım zamanı boşa harcadım. – user1355041

"http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js" mevcut değil. – Meysam

Google Maps API: markerwithlabel.js - Yakalanmamış ReferenceError: google tanımlı değil

cevap

İlgili konular