谷歌地图根据窗口大小设置不同的缩放
Google maps set different zoom based on window resize
根据我之前的问题,谷歌地图响应式调整大小。我希望在调整大小的同时,根据窗口的大小实现不同的缩放级别,因此,如果浏览器窗口"小于",则应用x个缩放数,如果"大于",则自动动态应用另一个缩放级别。
以下代码在重新调整窗口大小时可以完美地对地图进行居中,我需要对其应用新的缩放级别:
var map;
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(40.5472,12.282715),
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addDomListener(window, "resize", function() {
var center = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(center);
map.setZoom(zoom level needs to be automatically set according to window size);
});
按照geocodezip的建议,通过创建LatLngBounds并调用map.fitBounds()来构建您希望始终在视图中的区域。
相关文章:
- 动态设置谷歌地图缩放
- 从结果集中自动设置谷歌地图缩放
- 高图表 - 在缩放重置中设置最大值和最小值
- jquery ui地图设置缩放级别
- 如何平滑地设置HTML5画布fillText()的缩放动画
- 在D3中设置缩放功能后,如何删除缩放功能
- 如何在谷歌地图中设置标记的最佳缩放
- 如何为您的网站/视口设置最小宽度,并在宽度低于该宽度时进行浏览器缩放
- 如何使用 Gmap4rails 设置缩放级别
- 缩放时设置元素的重力
- 如何设置加载 JSON 图层的最小缩放比例
- 当我更改默认缩放设置时,Google Maps JavaScript API 不会缩放
- 从 C# 代码隐藏设置传单缩放区域
- 根据屏幕/设备宽度设置谷歌地图API V3缩放级别
- 如何在窗口缩小/缩放级别小于 1 时将窗口缩放设置为默认值
- 如何在新的谷歌地图上设置默认缩放级别
- 在 Vis.js 中设置缩放级别
- 将元素的宽度设置为等于监视器大小,而不会在缩放时发生变化
- 背景大小设置为包含的正文标签上的位置和缩放元素
- CSS或如何修复浏览器具有不同DPI/缩放设置时的外观