Question

我建立了传单底图：

var cloudmadeUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',

cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});
var map1 = new L.Map('map', {layers: [cloudmade], center: new L.LatLng(51.505, -0.04), zoom: 6});

现在我正在尝试使用HTML切换一些Mapbox json图层：

map1 .layers({ 
           1: { api: 'http://a.tiles.mapbox.com/v3/inosys.1cpsycqc.jsonp',   
              center: {  ease: 1000 }
              },

         2: { 
            api: 'http://a.tiles.mapbox.com/v3/mapster88.1.jsonp',
               center: {  ease: 1000 }
         },

         3: {                    
            api: 'http://a.tiles.mapbox.com/v3/mapster88.2.jsonp',
              center: {  ease: 1000 }   
        },

以下为测试地图：http://erichsen-group.com/demoland/taylorpeterh/index19.html

如何配置map1 .layers以使用传单L.Map？

Answer 1

你可以：

使用Mapbox.js，这是一个添加了TileJSON支持的Leaflet插件，可让您包含L.mapbox.tileLayer('inosys.1cpsycqc').addTo(map)
使用我们的XYZ API添加切片，为in this example

如何在Leaflet中添加Mapbox json图层

1 个答案: