使用 javascript 加载多个地图库

Question

我正在尝试使用 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();

我哪里出错了？

非常感谢。

Answer 1

第一个脚本不指向 javascript，这将尝试将 maps-homepage 作为脚本加载（当然这会失败）。

无需包含多个脚本，只需使用：

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

这将加载地图API（V3）并包括地点+几何库

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

但是，正如 Colin 所说，这看起来像 V2 代码。

Answer 2

只需在不同库之间添加逗号，而不是添加新脚本。

例如

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

您可以看到代码在“绘图”和“地点”库之间有逗号。

Answer 3

你可以这样使用

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