0

我正在尝试使用谷歌地图 API，因为我需要将它们集成到我的网站中。

我只是从这里复制并粘贴代码到一个页面中：

https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple。

我从 Javascript 和 HTML 选项卡中获取代码，然后简单地复制到一个空白的 html 文件中。这样，只会出现输入文本框和地理编码按钮。

这不是浏览器问题，因为我尝试了不止一个。通过在 Opera 中使用 Firefly 进行检查，我在页面上没有发现明显的错误。

我还在每个函数的末尾添加了一个警报，它们似乎都在预期的时候被调用了。如果有人想查看我页面中的代码，警报已被删除。

我无法更具体，因为我今天才开始查看地图 API，并且不太了解我的方式。

我的带有复制和粘贴代码的页面在这里：

http://velositeraptor.com/gymfit/trainer/geotest.html

如果有人帮助我完成第一步，那将很有帮助，这样我就可以从那里开始。

谢谢！

4

1 回答 1

1

在查看您的源代码时，您对样式表的路径引用似乎是错误的。

<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">

检查您的浏览器控制台是否存在此错误。

错误：加载资源失败：服务器响应状态为 400（错误请求） http://velositeraptor.com/maps/documentation/javascript/examples/default.css

width并且height对于谷歌地图的 div ( ) 是强制性的#map-canvas，其余的东西都可以正常工作。

检查这个JSFiddle。

最好使用内联样式，例如

<div id="map-canvas" style="width: 300px; height: 300px;"></div>

希望你能理解。

于 2013-08-01T05:00:21.653 回答