Javascript 动态添加jquery的Google地图

我正在使用谷歌地图显示一些位置。我不想一直在屏幕上映射，所以我使用jquery根据需要附加映射

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

调试器将到达以下位置：

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);
    }

for（变量i=0；i

---

但是新的谷歌地图标记没有运行。如果我注释掉这个方法，映射看起来很好。

<代码>$（'./map'）.append（谢谢，我把它从Jade代码中移了过来，忘记了html语法。引号已经修复了-这只是上面的一个输入错误。在这种情况下，我仍然不知道如何处理它。是否尝试删除了=“异步”&=“延迟”；如果是，结果如何？应用程序的演示会很有帮助最终代码是：这没有什么区别。当您需要自己的mapkey时，很难进行演示。地图是否显示？

$('./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="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">');