Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用spoolet.js将svg用作地图_Javascript_Svg_Leaflet - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 使用spoolet.js将svg用作地图

Javascript 使用spoolet.js将svg用作地图

javascript svg leaflet

Javascript 使用spoolet.js将svg用作地图,javascript,svg,leaflet,Javascript,Svg,Leaflet,是否可以使用SVG图像作为传单.js的底图 在我的例子中，我有一个巨大的svg文件，我希望允许我的用户使用传单的所有功能，如缩放、标记、图层。是的，您可以这样使用 //创建映射 var map=L.map（'map'{ 中间：[40.75，-74.2]， 缩放：13 }); var imageUrl=https://www.amcharts.com/lib/3/maps/svg/australiaHigh.svg', imageBounds=[ [40.712216, -74.22655],

是否可以使用SVG图像作为传单.js的底图

在我的例子中，我有一个巨大的svg文件，我希望允许我的用户使用传单的所有功能，如缩放、标记、图层。

是的，您可以这样使用

//创建映射
var map=L.map（'map'{
中间：[40.75，-74.2]，
缩放：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）

#地图{
高度：400px；
}




谢谢！！你是怎么计算界限的？我更新了小提琴。这取决于你，你可以只做
imageBounds=[[0,0]，[100100]然后只需将
中心：[50,50]，缩放：1
到传单以保持简单。请原谅我的无知（谢谢你的精彩回答）但是，设置边界，然后像上面的评论那样传递中心和缩放，这是怎么做的呢？似乎添加
crs:L.crs.Simple
可以让你用像素来指定事物，而不是lat/long。我在Android中使用传单，并在webview上显示图像。我正在从本地缓存加载图像。我没有将远程URL用作
imageUrl
。在我的例子中，
imageUrl
包含本地缓存的位置。对于
.svg
它将不起作用