2015-12-10 45 views
1

我想用leafletjs製作一個自定義地圖,並且我已經計算出0.6.x的版本,但是當涉及到最新版本(0.7.x)時,它不起作用。自定義貼圖的小冊子自定義地圖

這是與0.6.x工作

任何人有過這個問題的代碼?

var mapMinZoom = 0; 
    var mapMaxZoom = 5; 
    var map = L.map('wu-map', { 
     maxZoom: mapMaxZoom, 
     minZoom: mapMinZoom, 
     crs: L.CRS.Simple 
    }).setView([0, 0], mapMaxZoom); 

    var mapBounds = new L.LatLngBounds(
     map.unproject([0, 3072], mapMaxZoom), 
     map.unproject([4352, 0], mapMaxZoom)); 

    map.fitBounds(mapBounds); 

    L.tileLayer('images/map/{z}/{x}/{y}.png', { 
     minZoom: mapMinZoom, maxZoom: mapMaxZoom, 
     bounds: mapBounds, 
     attribution: 'Rendered with <a href="http://www.maptiler.com/">MapTiler</a>', 
     noWrap: true, 
     tms: false 
    }).addTo(map); 
+0

你什麼錯誤? –

+0

沒有錯誤,地圖沒有顯示,儘管它與版本0.6.x完美兼容 – sadiqevani

+0

您的意思是根本沒有顯示地圖(即使zoomIn和zoomOut按鈕),或者圖層沒有被加載? –

回答

1

有一個在leaflet.js 0.7版本時crs選項設置爲L.CRS.Simple值(而不是隻)時出現的錯誤。小冊子0.7介紹L.CRS.getSize(一個函數,返回特定座標參考系統的特定縮放的像素世界大小),默認情況下調用並返回與L.CRS.scale相同的值。它適用於默認的CRS,並且對其他人無效。

所有我可以建議是刪除crs: L.CRS.Simple從你的選擇對象,它將被設置爲默認值(L.CRS.EPSG3857):

var map = L.map('wu-map', { 
    maxZoom: mapMaxZoom, 
    minZoom: mapMinZoom 
}).setView([0, 0], mapMaxZoom); 
+1

我會盡力:)謝謝 – sadiqevani