傳單偏移PNG瓦片圖層座標

我正嘗試將幾個手繪地圖圖像合併爲一個使用傳單的交互式HTML特徵。傳單偏移PNG瓦片圖層座標

我一直在努力從最基本的代碼。首先，我在不同的縮放級別添加了三張照片。我仍然是試驗，但這裏的代碼看起來像現在：

var map = L.map('map').setView([0, 0], 10); 

    L.tileLayer('Drawn/Pacific.png', 
       {tileSize: 800, noWrap: true, minZoom:10, maxZoom: 10}).addTo(map); 
    L.tileLayer('Drawn/Hong Kong.png', 
       {tileSize: 800, noWrap: true, minZoom: 11, maxZoom: 11}).addTo(map); 
    L.tileLayer('Drawn/Kowloon.png', 
       {tileSize: 800, noWrap: true, minZoom: 12, maxZoom: 12}).addTo(map);

我怎樣才能抵消這些層的起始座標，以便他們排隊（所以香港在縮放級別11實際上它在哪裏應該在縮放級別爲10的Pacific Tile中）？

謝謝！

來源

2016-03-02 jklingen92

看起來你有每個「磚層」只有1個大的圖像，所以你可能會感興趣的實現你的特點Image Overlays代替：

用於加載和顯示在特定範圍的單個圖像的地圖。

使用圖像疊加，您可以指定圖像的地理座標，以便將其精確放置在您想要的位置。您可以調整3張圖像的相對座標，以便根據需要進行排列。

來源

2016-03-02 13:35:25 ghybs

謝謝ghybs！如果我使用圖像疊加，是否可以在變焦時改變圖像？例如，「Pacific.png」是一個很小的細節圖。當用戶放大地圖的這個區域時，我想讓「Hong Kong.png」變得可見。使用圖像疊加，似乎沒有任何方法可以改變最大和最小變焦。 – jklingen92

您可以簡單地在地圖的「zoomend」事件上構建偵聽器，並打開/關閉所需的圖像疊加層。如果您需要幫助，請隨時打開一個新問題。 – ghybs

傳單偏移PNG瓦片圖層座標

回答

相關問題