Użyj svg jako mapy przy użyciu pliku leaflet.js

Czy możliwe jest użycie obrazu SVG jako mapy podstawowej dla pliku leaflet.js?Użyj svg jako mapy przy użyciu pliku leaflet.js

W moim przypadku mam ogromny plik SVG i chcę umożliwić moim użytkownikom korzystanie z wszystkich funkcji ulotek, takich jak zoom, markery, warstwy.

Źródło

2016-01-20 amitdar

Tak, można po prostu użyć imageOverlay, jak to

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);

Oto jsfiddle na przykład: http://jsfiddle.net/rimig/86o3h89m/

Źródło

2016-01-20 16:00:29

Dzięki !! Jak obliczyłeś granice? – amitdar

Zaktualizowałem skrzypce. To zależy od ciebie, może po prostu zrobić 'imageBounds = [[0, 0], [100, 100]];' a następnie po prostu przekazać 'center: [50, 50], zoom: 1' do ulotki, aby zachować prostotę. –

Wybacz moją ignorancję (i dziękuję za twoją wspaniałą odpowiedź), ale co robi ustawienie granic, a potem przejście przez środek i powiększenie, tak jak robi to powyższy komentarz? – Kristopher

Użyj svg jako mapy przy użyciu pliku leaflet.js

Odpowiedz

Powiązane problemy