使用 svg 作为使用 leaflet.js 的地图

Question

Is it possible to use SVG image as the base map for leaflet.js?是否可以使用 SVG 图像作为 leaflet.js 的底图？

In my case I have huge svg file and I wish to allow my users to use all of leaflet's features such as zoom, markers, layers.在我的例子中，我有一个巨大的 svg 文件，我希望我的用户可以使用传单的所有功能，例如缩放、标记、图层。

Answer 1

Yes, you can just use imageOverlay , like this是的，你可以像这样使用imageOverlay

 // create the map var map = L.map('map', { center: [40.75, -74.2], zoom: 13 }); var imageUrl = 'https://www.amcharts.com/lib/3/maps/svg/australiaHigh.svg', imageBounds = [ [40.712216, -74.22655], [40.773941, -74.12544] ]; L.imageOverlay(imageUrl, imageBounds).addTo(map);

 #map { height: 400px; }

 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> <div id="map"></div>

使用 svg 作为使用 leaflet.js 的地图

问题描述

1 个解决方案

解决方案1
22 已采纳 2016-01-20 16:00:29

使用 svg 作为使用 leaflet.js 的地图

问题描述

1 个解决方案

解决方案1 22 已采纳 2016-01-20 16:00:29

解决方案1
22 已采纳 2016-01-20 16:00:29