javascript - リーフレットを使用してマップ内のレイヤーに異なるズーム レベルを設定する方法。

Question

マップ内のレイヤーに異なるズーム レベルを設定する方法。異なるレイヤーで異なるズーム レベルを表示する必要があります。たとえば、1.city、2.state の 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 });

レイヤーの初期化時にズーム レベルを設定するにはどうすればよいですか?