Google Maps API：markerwithlabel.js - Uncaught ReferenceError：googleが定義されていません

私はドキュメントとサンプルを読んでいますが、初期化エラーを解決できないようです（ "Uncaught ReferenceError：googleは定義されていません" + Uncaught ReferenceError： homeLatLngは定義されていません）、markerwithlabel.jsファイルとを含めると、「マップが完了する前に何かをロードできません」というメッセージが表示されます。Google Maps API：markerwithlabel.js - Uncaught ReferenceError：googleが定義されていません

どうすればよいですか？

試みたもの：

<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>

出典

2015-09-21 maxxyoo

markerwithlabel.jsはすでにロードマップ-APIが必要です。

maps-APIを非同期で（コードの場合と同じように）読み込むと、markerwithlabel.jsが読み込まれるときにmaps-APIが読み込まれるという保証はありません。

解決策：これは完璧な作品同期

<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>

出典

2015-09-21 11:28:39

をマップ-APIをロードします。（ありがとうございました！ – maxxyoo

ありがとうございます.-) 私は時間を無駄にしてしまいました。 – user1355041

"http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js"は存在しません。 – Meysam

Google Maps API：markerwithlabel.js - Uncaught ReferenceError：googleが定義されていません

答えて

関連する問題