如何使用传单在地图图层中设置不同的缩放级别
How to set different zoom levels in layers in a map using leaflet.
如何在地图中设置不同的图层缩放级别。我需要在不同的图层中显示不同的缩放级别。例如,我有2层。城市,2.的状态。当地图初始化缩放级别为18时,但当我显示STATE层时,我必须将缩放级别设置为22。
我使用下面的代码。
var city = new L.LayerGroup();
var state = new L.LayerGroup();
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18}),
map = new L.Map('map', {layers: [cloudmade,city,state], center: new L.LatLng(17.7003292, 82.01161768), zoom:18 });
如何在图层初始化时设置缩放级别?
下面是一个简单的示例。
var map = new L.Map('amap', {
center: new L.LatLng(45.50144, -122.67599),
zoom: 4,
minZoom: 0,
maxZoom: 18,
layers: [
L.tileLayer('http://{s}.tile.cloudmade.com/{key}/997/256/{z}/{x}/{y}.png', {
maxZoom: 13,
minZoom: 0,
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
key: 'BC9A493B41014CAABB98F0471D759707'
}),
L.tileLayer('http://server.arcgisonline.com/ArcGIS/' + 'rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
minZoom: 14,
maxZoom: 18,
attribution: 'Tiles © Esri — '
+ 'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, '
+ 'Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'})
]});
相关文章:
- 动态设置谷歌地图缩放
- 从结果集中自动设置谷歌地图缩放
- 高图表 - 在缩放重置中设置最大值和最小值
- jquery ui地图设置缩放级别
- 如何平滑地设置HTML5画布fillText()的缩放动画
- 在D3中设置缩放功能后,如何删除缩放功能
- 如何在谷歌地图中设置标记的最佳缩放
- 如何为您的网站/视口设置最小宽度,并在宽度低于该宽度时进行浏览器缩放
- 如何使用 Gmap4rails 设置缩放级别
- 缩放时设置元素的重力
- 如何设置加载 JSON 图层的最小缩放比例
- 当我更改默认缩放设置时,Google Maps JavaScript API 不会缩放
- 从 C# 代码隐藏设置传单缩放区域
- 根据屏幕/设备宽度设置谷歌地图API V3缩放级别
- 如何在窗口缩小/缩放级别小于 1 时将窗口缩放设置为默认值
- 如何在新的谷歌地图上设置默认缩放级别
- 在 Vis.js 中设置缩放级别
- 将元素的宽度设置为等于监视器大小,而不会在缩放时发生变化
- 背景大小设置为包含的正文标签上的位置和缩放元素
- CSS或如何修复浏览器具有不同DPI/缩放设置时的外观