gpt4 book ai didi

javascript - 无法加载绘图库(Google map )

转载 作者:行者123 更新时间:2023-12-03 02:32:21 25 4
gpt4 key购买 nike

我想使用带有绘图模式的谷歌地图。

这是我的查看代码:

   <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Polygon Arrays</title>
<link rel="stylesheet" type="text/css" href="assets/css/sitecss">
</head>
<body>
<div id="map">
<div id="mapDiv" class="map"></div>

</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="assets/js/test.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=**********&callback=initMap&libraries=drawing" ></script>
</body>

</html>

我需要向 map 添加绘图模式,这是我的脚本

 function initMap() {


map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: {lat: 24.886, lng: -70.268},
mapTypeId: 'terrain'
});
var mapDiv = map.getDiv();

map.setOptions({
fullscreenControl: true,
scaleControl: true
});



drawingManager = new google.maps.drawing.DrawingManager({
drawingMode: google.maps.drawing.OverlayType.RECTANGLE,
drawingControlOptions: {
drawingModes: [
google.maps.drawing.OverlayType.RECTANGLE,
google.maps.drawing.OverlayType.POLYGON

]
},
polygonOptions: {
fillColor: 'green',
fillOpacity: 0.4,
strokeWeight: 1,
clickable: true,
zIndex: 1,
editable: false
}
});

它正在上传 map ,一切正常。但我在 map 上没有看到绘图面板。在开发控制台中我没有错误。我的问题出在哪里?

最佳答案

我认为您忘记将绘图管理器添加到 map 中,请尝试将其添加到代码末尾:

drawingManager.setMap(map);

关于javascript - 无法加载绘图库(Google map ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48682636/

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