如何缩放svg地图以在Web上显示

Question

我想在我的网站上添加欧洲互动地图，作为我正在进行的网络开发课程的一部分。

我正在尝试将raphael javascript库用于此目的。我尝试从raphaeljs网站调整以下示例（澳大利亚地图）： http://raphaeljs.com/australia.html

我打算使用以下欧洲地图，作为上例中地图的替代： http://commons.wikimedia.org/wiki/File:Blank_map_of_Europe.svg

但是，svg文件中的坐标的宽度为[0-1400]，高度为[0-1200]。这太大了，无法在网页上显示。相反，我想将地图缩放到例如700x600像素。

是否可以轻松缩放地图而无需手动更改所有坐标（有数千个坐标）？

感谢您的帮助。

Answer 1

我认为你应该能够扩展你的viewBox，所以它应该可以扩展好。

我猜拉斐尔可能需要像...这样的东西。

var paper = Raphael('paper');
paper.setViewBox(0,0,1400,1400);