admin管理员组

文章数量:1401591

How to set different zoom level in layers in a map. I need to show different zoom levels in different layers. For example I have 2 layers 1.city, 2.state. When map initialization zoom level is 18, but when I am displaying STATE layer I have to set the zoom level into 22.

I am using the below code.

var city = new L.LayerGroup();
var state = new L.LayerGroup();

var cloudmadeUrl = 'http://{s}.tile.cloudmade/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 });

How can I set zoom level at layer initialization?

How to set different zoom level in layers in a map. I need to show different zoom levels in different layers. For example I have 2 layers 1.city, 2.state. When map initialization zoom level is 18, but when I am displaying STATE layer I have to set the zoom level into 22.

I am using the below code.

var city = new L.LayerGroup();
var state = new L.LayerGroup();

var cloudmadeUrl = 'http://{s}.tile.cloudmade./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 });

How can I set zoom level at layer initialization?

  • javascript
  • dictionary
  • leaflet
Share Improve this question edited May 4, 2013 at 5:16 icodebuster 8,9747 gold badges66 silver badges67 bronze badges asked May 4, 2013 at 5:06 kishorekishore 411 silver badge4 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 5

Here's a jsfiddle of an example of how to do this.

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

本文标签： javascriptHow to set different zoom levels in layers in a map using leafletStack Overflow

版权声明：本文标题：javascript - How to set different zoom levels in layers in a map using leaflet. - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744263624a2597839.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。