gpt4 book ai didi

google-maps - 谷歌地图上的自定义缩放级别

转载 作者:行者123 更新时间:2023-12-03 23:40:15 24 4
gpt4 key购买 nike

此时我有一张缩放级别为 4 的简单 map 。缩放级别 5 对我来说太大了。理想情况下,我想要 4.6 缩放级别,这在 iOS SDK for Google maps 中是可能的。

有没有办法将缩放级别设置为 4.6?我希望 map 占据整页,所以不能真正放入一个 div 并使用它的那一部分。

目标是在中心显示完整的美国。

<!DOCTYPE html>
<html>
<head>
<meta content="initial-scale=1.0, user-scalable=no" name="viewport">
<meta charset="utf-8">
<title>Map example</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>

var layer;
var layer1;
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: {lat: 39.8282, lng: -98.5795}
});


}
</script>
<script async defer src=
"https://maps.googleapis.com/maps/api/js?key=AIzaSyBMtoh9P3UkoxbXndKu_HOP7KsVwTRvxGU&callback=initMap">
</script>
</body>
</html>

最佳答案

您可以使用 CSS 缩放来使您的 map 符合您的需要。例如,将 Google map 缩放设置为 4,然后将#map 缩放设置为 1.15(因为您希望 Google map 缩放为 4.6 = 1.15 * 4)

<html>
<head>
<meta content="initial-scale=1.0, user-scalable=no" name="viewport">
<meta charset="utf-8">
<title>Map example</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
zoom: 1.15;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: 39.8282, lng: -98.5795}
});


}
</script>
<script async defer src=
"https://maps.googleapis.com/maps/api/js?key=AIzaSyBMtoh9P3UkoxbXndKu_HOP7KsVwTRvxGU&callback=initMap">
</script>
</body>
</html>

关于google-maps - 谷歌地图上的自定义缩放级别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40044363/

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