gpt4 book ai didi

javascript - 谷歌地图没有出现

转载 作者:数据小太阳 更新时间:2023-10-29 03:49:30 26 4
gpt4 key购买 nike

我正在关注 introductory tutorial用于 Google map ,但由于某种原因 map 没有出现在我的网页上。相关的 HTML/CSS/JS 是:

<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main"/>

<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}

</script>
</head>

<body onload="initialize()">
<div id="map_canvas" style="width: 400px; height: 400px"></div>
</body>

</html>

map 没有出现在 map_canvas div 中。

更新

我已经更改了页面,因此它不使用 JQuery 来加载 map 。它现在使用与教程中完全相同的 JS,但仍然没有显示 map 。

最佳答案

您的代码有 3 个问题:

(1) 在<script type="text/javascript">function initialize() {之前添加以下行

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

这在您的回答帖子中,但不在您的文件中 http://www.iol.ie/~murtaghd/map/map.htm .

(2) 你需要调用initalize() (再次:它在您的帖子中,但不在代码中):

<body onload="initialize();">

(3) 设置 Canvas 的大小以显示 map (同样:它在您的帖子中,但不在代码中)。之后您可以根据需要更改大小。

<div id="map_canvas" style="width:500px; height:300px"></div>

您可以看到网站在 jsfiddle 上运行.

关于javascript - 谷歌地图没有出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7668549/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com