如何动态加载谷歌地图库

Question

I know I can load libraries in google maps api v3 using libraries argument in URL . Now I am in the situation where I cannot change the html markup, only javascript. Can google maps libraries be loaded dynamically using some javascript call, eg by calling some google api function? Eg something like google.load() .

Answer 1

I know this question is rather old, but I had the same problem recently. In my case I couldn't easily change the script-load-url but attach js-code afterwards. Double loading google-maps-js couldn't solve the problem as well beecause it is prohibited by google.

To use libraries I copied the code blocks I needed from the respective urls. For loading places it has looked like:

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

and copy'paste the last block which looks like:

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

include it in your script after loading the default api.

Remember: This is rather dirty but could solve problems for some of you. Cheers!

Answer 2

Google maps documentation show a way to asynchronously load the API

Code from that page:

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;