我正在使用我的地图的初始化。我希望我的地图进入我的“地图容器”并放大更多(也许是 16 倍)。在哪里可以添加这个缩放参数?这可能吗?
function initialize() {
var map = new google.maps.Map(document.getElementById('map-container'), {
}),
myMapsId = 'zpR-Rs8swcrY.kxIipB_folRg&usp';
new google.maps
.KmlLayer({
map: map,
url: 'https://www.google.com/maps/d/kml?mid=' + myMapsId
});
}
google.maps.event.addDomListener(window, 'load', initialize);
您在 MapOptions 中添加缩放参数(和中心参数,两者都需要)。
为了防止 KmlLayer 缩放并使地图以 KML 内容为中心,需要将 KmlLayer 的 preserveViewport 选项设置为 true。
代码片段:
function initialize() {
var map = new google.maps.Map(document.getElementById('map-container'), {
zoom: 16,
center: {
lat: 56.620599,
lng: -6.076408
}
}),
myMapsId = 'zpR-Rs8swcrY.kxIipB_folRg&usp';
new google.maps
.KmlLayer({
map: map,
url: 'https://www.google.com/maps/d/kml?mid=' + myMapsId,
preserveViewport: true
});
}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#map-container {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map-container" style="border: 2px solid #3872ac;"></div>