Question

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

我只是在页面中复制并粘贴代码：

我从Javascript和HTML标签中获取代码，然后将其复制到一个空白的html文件中。通过这样做，只显示输入文本框和地理编码按钮。

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

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

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

包含复制和粘贴代码的页面位于：

如果有人帮我完成了第一步，那么我可以从那里开始。

谢谢！

Answer 1

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

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

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

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

width和height对于Google地图的div（ #map-canvas ）是强制性的，剩下的工作完美无缺。

最好使用 内嵌样式 ，例如

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

希望你明白。