Question

我正在尝试从Javascript API学习Google Map。当试图在Map中绘制LatLng时，它无限地显示多个世界地图。

如何避免这只显示一张地图？

Answer 1

请尝试以下代码，其中显示了显示地图的示例。（使一定要更新<script src="https://maps.googleapis.com/maps/api/js?key=**********"></script>）

中的密钥

<!DOCTYPE html>
<html>
<body>

<h1> Google Map</h1>

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

<br>
<script>
function myMap() {
var mapOptions = {
    center: new google.maps.LatLng(39.1676870, -86.5354682),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.HYBRID
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=**************"></script> 

</body>
</html>

Answer 2

我假设你有类似的东西：

function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });
}

请注意zoom字段。如果你没有这个，那么添加它并将它设置为2个。如果你确实如此，只需将它增加1，直到你对它感到满意为止。

如何在Google地图中仅显示一张世界地图？

2 个答案: