gpt4 book ai didi

javascript - Google Maps API - map 未加载

转载 作者:太空狗 更新时间:2023-10-29 13:23:07 25 4
gpt4 key购买 nike

我一直在尝试在我的网站中嵌入谷歌地图,但收效甚微。我使用了下一个代码部分:(我在自己的计算机上使用了一个实际的 api key )

<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=myapikey&sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

内部<body>我添加的部分 <div id="map-canvas" style="width: 40%; height: 40%"></div>

我该如何处理这个问题?提前致谢

最佳答案

将 Canvas 的宽度和高度指定为绝对长度而不是 %

例如:

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

或者,坚持为 Canvas 使用 %,但将其放在容器中,容器的宽度和高度指定为绝对长度。

<div style="width:1000px; height:800px;">
<div id="map-canvas" style="width: 40%; height: 40%"></div>
</div>

关于javascript - Google Maps API - map 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15700550/

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