gpt4 book ai didi

javascript - 使用 HTML5 时 Google Maps API 根本不显示

转载 作者:行者123 更新时间:2023-11-28 17:00:48 26 4
gpt4 key购买 nike

我第一次尝试将 Google map API 合并到网站中,但它根本不起作用。我无法判断代码是否有问题,我想在尝试创建另一个 API key 之前排除该问题

我已经移动了标签并尝试了不同的样式方法,但它只是没有显示任何内容。

<!DOCTYPE html>

<html>

<head>
<script>
function initMap() {
var location = { lat: -30.0327268, lng: -51.2095745 };
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: location
});
}

</script>

<script async defer
src="https://maps.googleapis/maps/api/js?key=AIzaSyBDXh6FfycwxdCaHUbrCWkswSarA77kowY&callback=initMap">
</script>
<title>

</title>
<style>
* {
margin: 0;
padding: 0;
}

#map {
height: 500px;
width: 100%;
}
</style>
</head>

<body>

<div id="map"></div>

</body>

</html>

最佳答案

您使用的脚本中的 URL 不正确。

您正在使用: https://maps.googleapis/maps/api/js?key=AIzaSyBDXh6FfycwxdCaHUbrCWkswSarA77kowY&callback=initMap

正确的网址: https://maps.googleapis .com/maps/api/js?key=AIzaSyBDXh6FfycwxdCaHUbrCWkswSarA77kowY&callback=initMap

希望这有帮助!

关于javascript - 使用 HTML5 时 Google Maps API 根本不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57566549/

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