通过谷歌地图API教程,卡在第一步,例子有问题



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

我只是简单地将代码从这里复制并粘贴到一个页面中:

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

我从Javascript和HTML选项卡中获取代码,并简单地复制到一个空白的HTML文件中。这样,只会显示输入文本框和Geocode按钮。

这不是浏览器问题,因为我尝试了不止一个。通过与歌剧院的萤火虫核对,我在页面上没有发现明显的错误。

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

我无法更具体地说,因为我今天才开始看API地图,不太了解我的方法。

我复制粘贴代码的页面在这里:

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

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

谢谢!

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

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

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

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


widthheight对于Google地图的div是强制性的(#map-canvas),其余的都能很好地工作。

选中此JSFiddle

最好使用内联样式,如

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

希望你能理解。

最新更新