Question

我已尝试过所有内容，但无法解决如何删除此代码的部分边界并改为设置缩放级别。问题是这个地图是为多个标记而设计的，但我目前只使用1并且放大得太近。

var gmarkers = [];   
var markers = [
[   '<div id="mapcontent">' +
    '<a href ="#project0"><h4>43 Short Street</h4>' +
    '</div>'    
, -27.686478,153.131745]
];

function initializeMaps() {
var myOptions = {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    styles: [{    featureType: 'all',  stylers: [{saturation: -100},{brightness: 5} ]}  ],
    scrollwheel: false    
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); 
var infowindow = new google.maps.InfoWindow(); 
var marker, i;
var bounds = new google.maps.LatLngBounds();

   google.maps.event.addListener(map, 'click', function() {
        infowindow.close();
    });

for (i = 0; i < markers.length; i++) { 
    var pos = new google.maps.LatLng(markers[i][1], markers[i][2]);
    bounds.extend(pos);
    marker = new google.maps.Marker({
            icon: './img/mapmarker.png',
        position: pos,
        map: map
    });
    gmarkers.push(marker);
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            infowindow.setContent(markers[i][0]);
            infowindow.open(map, marker);
        }


    })(marker, i));
}
map.fitBounds(bounds);

}
initializeMaps()
           function myClick(id){
    google.maps.event.trigger(gmarkers[id], 'click');
}

感谢您的帮助！

Answer 1

更改

map.fitBounds(bounds);

到（或删除它）

// map.fitBounds(bounds);

初始化地图时添加所需的缩放和居中：

var myOptions = {
    // change these per your desired center and zoom.
    zoom: 4,
    center: new google.maps.LatLng(desiredLat, desiredLng),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    styles: [{    
      featureType: 'all',  
      stylers: [{
          saturation: -100
        },
        {
          brightness: 5
        }]
    }],
    scrollwheel: false    
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

但是如果你只有一个标记，你也应该删除循环。

从谷歌地图中删除fitBounds并改为设置缩放级别

1 个答案: