jqueryで動的に追加されたGoogleマップ

Question

私はいくつかの場所を表示するためにGoogleマップを使用しています。私はいつも画面上にマップしたくないので、必要に応じてjqueryを使ってマップを追加しています。

これはマップで機能しますが、マーカーを追加する方法はありません。ページが読み込まれなくなり、エラーが見つかりません。

addMarkers(makers); 

デバッガはここまで取得します。

for(var i = 0; i < coordinates.length; i++) { 

     marker = new google.maps.Marker({ 
      position: {lat: coordinates[i].coordinates[1], lng: coordinates[i].coordinates[0]} , 
      map: map 
     }); 
     bounds.extend({lat: coordinates[i].coordinates[1], lng: coordinates[i].coordinates[0]}); 
     map.fitBounds(bounds); 
    } 

をしかし、新しいGoogleマップのマーカーは実行されません。このメソッドをコメントアウトすると、マップは正常に表示されます。

Answer 1

$('./map').append(<'script async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js? key='+map_key+'&amp;libraries=visualization&amp;callback=initialize">') 

は次のようになります。

$('.map').append('<script async defer src="https://maps.googleapis.com/maps/api/js? key='+map_key+'&amp;libraries=visualization&amp;callback=initialize">'); 

あなたは "<" は、コードが無効になった後、引用符を追加しました。また、AsyncとDeferは値を取らず、 "ブール値の属性"と呼ばれます。もっとここに

読む：

http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html