如何在Leaflet中添加Mapbox json图层

时间:2014-11-06 17:26:30

标签: leaflet mapbox

我建立了传单底图:

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?

1 个答案:

答案 0 :(得分:1)

你可以:

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