如何縮放svg地圖以在網絡上顯示

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