Javascript 谷歌地图移动视图

我正在使用googlemapapiv3&对于样式，我正在使用。 我在多个位置使用多个标记。 一切都很好，工作很好，我只想现在显示移动屏幕上的所有标记，你必须用两个手指拖动屏幕来定位移动设备中的位置

有没有办法调整移动设备的缩放级别

提前谢谢

这是我的密码

function initMap() {

var usa = {lat: 38.6318618, lng: -98.318221};
var pacificOcean= new google.maps.LatLng(39.964202, -130.271346);
var atlanticOcean= new google.maps.LatLng(37.391290, -58.478699);


var alabama = {
    info: '<p class="m_title">Alabama</p>\
                <p class="m_desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>\
                <a class="m_link" href="#">Learn More</a>',
    lat: 32.806671,
    long: -86.791130
};

var utslRO = {
    info: '<p class="m_title">Utah RO</p>\
                <p class="m_desc">Lorem Ipsum</p>\
                <a class="m_link" href="#">Learn More</a>',
    lat: 40.7762691,
    long: -112.2006695
};

var utccRP = {
    info: '<p class="m_title">Utah RP</p>\
                <p class="m_desc">Lorem ipsum</p>\
                <a class="m_link" href="#">Learn More</a>',
    lat: 37.6848877,
    long: -113.1720903
};

var ohio = {
    info: '<p class="m_title">Ohio</p>\
                <p class="m_desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>\
                <a class="m_link" href="#">Learn More</a>',
    lat: 40.388783,
    long: -82.764915
};

var locations = [
  [alabama.info, alabama.lat, alabama.long, 0],
  [utslRO.info, utslRO.lat, utslRO.long, 1],
  [utccRP.info, utccRP.lat, utccRP.long, 2],
  [ohio.info, ohio.lat, ohio.long, 3],
];

var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4.2,
    center: usa,
    bounds: new google.maps.LatLngBounds(new google.maps.LatLng(39.964202, -130.271346), google.maps.LatLng(37.391290, -58.478699)),


        draggable: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow({


});

var marker, i;

for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map,
        icon:'marker.png'
    });



    google.maps.event.addListener(marker, 'click', (function (marker, i) {
        return function () {
            infowindow.setContent(locations[i][0]);
            infowindow.open(map, marker);
        }
    })(marker, i)); 
}
}

函数initMap（）{
var usa={lat:38.6318618，液化天然气：-98.318221}；
var pacificOcean=new google.maps.LatLng（39.964202，-130.271346）；
var atlanticOcean=new google.maps.LatLng（37.391290，-58.478699）；
阿拉巴马州={
信息：阿拉巴马州\
我们的知识是平等的，我们的精英是平等的，我们的劳动和收入是暂时的，我们的收入是最低的
\
',
纬度：32.806671，
长：-86.791130
};
变量utslRO={
信息：'
犹他州RO
\
Lorem Ipsum
\
',
纬度：40.7762691，
长：-112.2006695
};
变量utccRP={
信息：'
犹他州RP
\
Lorem ipsum
\
',
拉脱维亚：37.6848877，
长：-113.1720903
};
俄亥俄州变量={
信息：俄亥俄州\
我们的知识是平等的，我们的精英是平等的，我们的劳动和收入是暂时的，我们的收入是最低的
\
',
拉脱维亚：40.388783，
长：-82.764915
};
变量位置=[
[alabama.info，alabama.lat，alabama.long，0]，
[utslRO.info，utslRO.lat，utslRO.long，1]，
[utccRP.info，utccRP.lat，utccRP.long，2]，
[ohio.info，ohio.lat，ohio.long，3]，
];
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4.2，
中心：美国，
边界：新的google.maps.LatLngBounds（新的google.maps.LatLng（39.964202，-130.271346），google.maps.LatLng（37.391290，-58.478699）），
真的，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infowindow=new google.maps.infowindow({
});
var标记，i；
对于（i=0；i

我在这里想出了一个简单的JS技巧

function initMap() {
  var zoomVal = 4.2;
  if (window.matchMedia('(max-width: 767px)').matches) {
    zoomVal = 2.5;
  }

 var map = new google.maps.Map(document.getElementById('map'), {
    zoom: zoomVal,
    center: usa,
    mapTypeId: google.maps.MapTypeId.ROADMAP
 });
}

---

它在所有移动设备上都能完美工作。

您需要设置边界。我已经试过绑定，您可以在我的代码@LukeP.issacy中看到，您需要获取在for循环中创建的所有标记位置，在变量中，然后在for循环结束后使用map.fitBounds（变量）。检查