javascript - 如何通过用户脚本/同步加载 google maps api？

Question

我正在编写一个用户脚本(greasemonkey 脚本)，它需要将 google map 添加到我无法控制的网站上的页面。

我尝试像这样添加脚本(在加载我尝试过的其他脚本时效果很好):

var my_script = document.createElement('script');
my_script.setAttribute('src',
             'https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=false');
document.head.appendChild(my_script);

但这失败了:

Failed to execute 'write' on 'Document': It isn't possible to write into a 
document from an asynchronously-loaded external script unless it is explicitly
opened.

如何从用户脚本加载和使用 map API？

Answer 1

根据文档，只能按脚本加载 API
除非你提供参数 callback
=> load Google Maps API asynchronously

我没有任何编写用户脚本的经验，但我希望它能有所帮助。

注意:不要忘记将回调函数添加到全局命名空间中。
(在普通 JS 中，您会将其添加到窗口对象。)