Google Maps +其他图书馆满载时的通话功能?

时间:2017-04-12 21:33:26

标签: javascript jquery html google-maps

我加载google map api并使用initMap()参数执行init函数callback

<script async="" defer="" src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxx&amp;callback=initMap"></script>

我想使用其他脚本(js-rich-marker)来创建自定义标记(使用css样式)。

我加载:

script async="" defer="" src="https://raw.githubusercontent.com/googlemaps/js-rich-marker/gh-pages/src/richmarker-compiled.js"></script>

但是initMap();在页面加载时不起作用:

ReferenceError: Can't find variable: RichMarker

(我知道脚本可以工作,因为我可以用一个用AJAX更新地图的菜单来更新地图,在这种情况下它正在工作。)。

我想这是因为在js-rich-marker完全加载之前执行了init函数。

我已经尝试在加载所有内容时调用init函数,但仍然不行。

document.addEventListener("DOMContentLoaded", function(event){
  initMap();
});

$(window).load(function() {
   initMap();
});

$(window).bind("load", function() {
   // code goes here
});

如何在一切都被加载的情况下调用函数?

1 个答案:

答案 0 :(得分:1)

window.document.onload= function(e){

}
window.onload = function(e){

}

并调用下一个js-rich-marker 例如: