繁体   English   中英

如何使用传单在地图中的图层中设置不同的缩放级别。

[英]How to set different zoom levels in layers in a map using leaflet.

如何在地图中的图层中设置不同的缩放级别。 我需要在不同的层中显示不同的缩放级别。 例如,我有2层1.city,2.state。 当地图初始化缩放级别为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 });

如何在图层初始化时设置缩放级别?

这里有一个的jsfiddle如何做到这一点的例子。

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'})
]});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM