使用svg作爲使用leaflet.js的地圖

是否可以使用SVG圖像作爲leaflet.js的底圖？使用svg作爲使用leaflet.js的地圖

在我的情況下，我有巨大的svg文件，我希望允許我的用戶使用所有小冊子的功能，如縮放，標記，圖層。

2016-01-20 amitdar

是的，你可以只使用imageOverlay，這樣

var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', 
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]]; 

L.imageOverlay(imageUrl, imageBounds).addTo(map);

下面是一個例子的的jsfiddle： http://jsfiddle.net/rimig/86o3h89m/

來源

2016-01-20 16:00:29

謝謝！你是如何計算界限的？ – amitdar

我更新了小提琴。這取決於你，只需要'imageBounds = [[0，0]，[100，100]];'然後通過'center：[50,50]，zoom：1'來保持簡單。 –

請原諒我的無知（並感謝您的偉大答案），但是設置界限然後像上面的評論那樣傳遞中心和縮放呢？ – Kristopher

使用svg作爲使用leaflet.js的地圖

回答

相關問題