使用javascript加载多个地图库

时间:2012-03-20 11:55:39

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

我正在尝试使用javascript加载地图库和地方库,这样我就可以将地图嵌入到我的页面中,使用google.maps.geometry.spherical函数并设置地点搜索请求但我无法加载所有3个图书馆。 目前我正在进口:

<script type="text/javascript"src="http://maps.google.com/maps?key=mykey"></script>
<script type="text/javascript"src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>

但是我得到了错误:

syntax error
[Break On This Error]   

...gs4d .gbmac,.gbes#gbg4 #gbgs4d .gbmac{margin:34px 0 0}.gbemi#gb #gbgs4d .gbmac,....

maps?k...hrkDAmw (line 1)

GClientGeocoder is not defined
[Break On This Error]   

var geocoder = new GClientGeocoder();

我哪里错了?

非常感谢。

2 个答案:

答案 0 :(得分:53)

第一个脚本没有指向javascript,这会尝试加载maps-homepage作为脚本(当然这会失败)。

无需包含多个脚本,只需使用:

<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?libraries=geometry,places&sensor=false">

这将加载maps-API(V3)并包含places + geometry-libraries

https://developers.google.com/maps/documentation/javascript/libraries?hl=en

然而,正如科林所说,这看起来像V2代码。

答案 1 :(得分:-1)

你可以这样使用它

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&libraries=places"></script>