我正在试用谷歌地图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
width
和height
对于Google地图的div是强制性的(#map-canvas
),其余的都能很好地工作。
选中此JSFiddle。
最好使用内联样式,如
<div id="map-canvas" style="width: 300px; height: 300px;"></div>
希望你能理解。