我已将 map 添加到我的 PHP 网站中。这些是我将 map 居中于此位置 (9.0609902,76.5341999) 的详细信息。
我已将缩放级别设置为 6。我对 JavaScript 不太熟悉。我不想放大 map 。我想将缩放级别限制为最大值 6 并且不想允许用户缩放更多。也就是说,我不希望缩放参数的值超过6。并且最大缩小级别应该为2。
我的 map 代码:
<script>
function initialize()
{
var laa=9.0609902;
var lon=76.5341999;
var myLatlng=new google.maps.LatLng(laa,lon);
var mapProp = {
center: new google.maps.LatLng(laa,lon),
zoom:6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
var image = 'mapmarkers/you-are-here-2.png';
var opt = { minZoom: 6, maxZoom: 9 };
mapProp.setOptions(opt);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'I am Here.',
icon: image
});
}
function loadScript()
{
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
这在我的 map 上不起作用。为什么?
var opt = { minZoom: 6, maxZoom: 9 };
mapProp.setOptions(opt);
最佳答案
然后试试这个:
<script>
//map included.
function initialize()
{
var myLatlng=new google.maps.LatLng(laa,lonn);
var mapProp = {
center: new google.maps.LatLng(laa,lonn),
zoom:6,
maxZoom: 6,
minZoom:2,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
var image = 'mapmarkers/you-are-here-2.png';
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'I am Here.',
icon: image
});
}
function loadScript()
{
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
关于javascript - 如何将 Google map 中的放大/缩小限制为给定的指定值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25566152/