将远程库 (API 4.5 Mapy.cz) 包含到 Google Chrome 扩展程序中

Question

我很困惑。 我正在尝试制作小 chrome 扩展（弹出窗口），我需要连接到远程 API。 如果它是标准的 web 页面，我会使用这个：

<script type="text/javascript" src="http://api4.mapy.cz/loader.js"></script>
<script type="text/javascript">Loader.load();</script>

我尝试将新元素脚本包含在头部（不适用于我）。 但我不敢相信，没有更简单的方法......

请告诉我最好的方法。

---

编辑：

链接 API 加载程序很好并且可以工作。 感谢@serg。 所以，我的弹出代码如下所示：

<script type="text/javascript" src="http://api4.mapy.cz/loader.js"></script>
<script type="text/javascript">
    Loader.load();
    var center = SMap.Coords.fromWGS84(16.61574, 49.20315);
</script>

Object 加载程序已定义，一切正常。 加载程序应加载整个 API 或 object SMap。 但是 SMap 是未定义的。 接下来是什么？

Answer 1

如果您需要向此远程 API 发出 ajax 请求，则需要在清单的权限中列出 API 域：

{
  "permissions": [
    "http://api4.mapy.cz/"
  ],
}

Answer 2

最后我问了 Mapy.cz 的开发人员，他们给出了解决方案。 而不是使用 Loader.load() 导致包括额外的脚本和异步加载 - 使用这种方式：

Loader.async = true;
Loader.load(null, null, function(){
    alert(123); // it works...
    // custom code calling objects etc. from API
    // ...
});

最终使用示例