如何动态加载谷歌地图库

时间:2013-07-12 18:35:06

标签: javascript google-maps google-maps-api-3

我知道I can load libraries in google maps api v3 using libraries argument in URL。现在我处于无法更改html标记的情况,只有javascript。可以使用一些javascript调用动态加载谷歌地图库,例如通过调用一些谷歌api功能?例如。类似于google.load()

2 个答案:

答案 0 :(得分:0)

我知道这个问题相当陈旧,但最近我遇到了同样的问题。在我的情况下,我无法轻松更改脚本-load-url,但之后附加了js-code。双重加载google-maps-js无法解决问题,因为它被谷歌禁止。

要使用库,我从各自的URL中复制了我需要的代码块。对于加载地点,它看起来像:

转到:https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&language=de&libraries=places

并复制'粘贴看起来像的最后一个块:

google.maps.__gjsload__('places', function(_){ ... })

在加载默认api后将其包含在脚本中。

请记住:这很脏,但可以为你们中的一些人解决问题。干杯!

答案 1 :(得分:-1)

Google地图文档显示了asynchronously load the API

的方法

该页面的代码:

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src="http://maps.googleapis.com/maps/api/jskey=API_KEY&sensor=TRUE_OR_FALSE&callback=initialize";
  document.body.appendChild(script);
}
window.onload = loadScript;