gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:36:01 32 4
gpt4 key购买 nike

如何在 map 的图层中设置不同的缩放级别。我需要在不同的图层中显示不同的缩放级别。例如我有 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'})
]});

关于javascript - 如何使用传单在 map 的图层中设置不同的缩放级别。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16370790/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com