更改拉斐尔地图的宽度和高度

如何解决更改拉斐尔地图的宽度和高度

我需要为拉斐尔地图提供一定的高度。这是我的代码。

<!DOCTYPE html>
<html>
<head>
    <title>Map SVG</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.3.0/raphael.min.js" crossorigin="same"></script>
</head>
<body>
    <div id="map"></div>
    <script src="./script.js"></script>
</body>
</html>

script.js

var districts = [];
var rsr = Raphael('map','449.68774','792.54926');

var colombo = rsr.path("m 44.487125,578.90075 2.6,0.07 -0.85,3.88 1.17,0.77 3.07,-0.34 -0.63,0.87 0.73,0.82 2.1,-0.67 1.16,0.91 1.25,-1.28 0.88,0.78 1.61,-0.27 1.98,2.33 2.36,-0.89 6.19,1.5 1.55,-1.65 1.46,0.39 2.63,-0.87 -0.11,1.34 1.33,2.96 1.97,0.25 6.04,3.27 0.97,-1.17 1.99,1.06 0.69,-0.62 3.04,-0.14 0.12,-5.37 0.96,-2.75 1.43,-0.5 0.75,-1.82 2.38,-0.53 0.45,-1.67 8.550005,0.81 0.8,-1.88 1.86,0.31 0,0 1.03,0.71 1.08,-0.74 2.05,0.46 1.52,-0.61 2.17,1.17 -0.08,3.22 1.05,1.45 0.04,1.6 -0.74,1.2 -2.38,-0.32 0.42,4.01 0,0 -2.13,1.87 0.27,0.95 -0.97,-0.12 -1.07,0.97 -0.02,1.35 -1.42,1.26 -0.44,3.8 -0.89,1.71 2.61,0.62 0.96,1.06 1.51,3.83 0.07,2.91 -0.84,0.76 -3.79,0.02 0,0 -1.03,-1.15 -2.07,0.88 -1.09,-1.63 -1.87,-0.39 -6.640005,3.79 1.6,4.81 -0.11,1.72 -0.75,0.63 -2.32,-0.39 -2.14,-4.49 -0.06,-1.79 -1.01,-0.55 -0.33,-1.62 -1.82,-0.55 -1.12,0.43 -1.7,3.89 -1.18,1.12 -2.76,-1.03 -1.23,-1.74 -1.19,-0.4 -1.95,2.98 -2.54,0.8 0.42,0.67 -1.42,1.29 -0.84,-0.07 -0.22,1.4 -1.33,0.1 -3.79,2.47 -1.92,-0.54 -2,0.53 -1.61,-0.9 -0.6,2.46 -0.71,0.42 -4.99,-0.1 -0.59,-0.67 0.37,-1.11 -1.15,-1.34 -4.95,-2.33 -0.5,0.79 1.44,1.81 2.07,7.84 -0.24,1.76 0,0 -4.53,-11.03 -3.36,-10.53 -1.16,-10.42 -3.26,-11.53 0.67,-4.48 0.67,2.91 1.51,-3.25 -0.39,-1.23 2.18,-0.78 1.05,-2.5 z");
colombo.attr({ title: 'Colombo',id: 'd1',fill: ' rgb(225,179,0)',stroke: ' rgb(247,247,247)'," stroke-width": ' 1.01433px','stroke-opacity': '1' }).data('id','d1');
districts.push(colombo);

var gampaha = rsr.path("m 58.947125,518.95075 0.76,0.35 0.27,-1.25 1.58,-0.24 -0.92,-1.03 0.17,-0.79 1.03,0 0.09,-0.75 1.9,0.97 2.04,-0.69 0.74,-1.57 2.68,-0.66 -1.2,-0.58 3.1,-1.57 0.63,-1.23 1.64,1.19 2.45,-0.58 -0.67,1.05 1.06,0.65 0.28,1.23 1.44,-0.33 1.76,0.72 1.59,3.06 1.27,0.12 4.17,-2.49 0.57,-1.54 3.69,-1.44 4.77,-3.93 4.819995,3.86 -0.999995,1.49 0.479995,0.97 4.54001,3.3 3.03,4.68 1.06,-0.46 1.03,0.97 0,0 0.99,2.55 -3.02,2.18 0.54,2.71 -0.45,5.48 -4.37,0.22 -1.09,1.92 -2.34,-0.95 1.73999,2.55 -0.07,5.43 1.7,4.91 2.41,-2.04 5.68999,-0.15 1.25,0.98 -0.12999,1.68 -1.73,1.25 -1.08,2.92 -1.72,-0.08 -2.35,6.07 -1.9,2.45 2,9.85 1.68,3.05 -0.6,3.41 0,0 -1.86,-0.31 -0.80001,1.88 -8.549995,-0.81 -0.45,1.67 -2.38,0.53 -0.75,1.82 -1.43,0.5 -0.96,2.75 -0.12,5.37 -3.04,0.14 -0.69,0.62 -1.99,-1.06 -0.97,1.17 -6.04,-3.27 -1.97,-0.25 -1.33,-2.96 0.11,-1.34 -2.63,0.87 -1.46,-0.39 -1.55,1.65 -6.19,-1.5 -2.36,0.89 -1.98,-2.33 -1.61,0.27 -0.88,-0.78 -1.25,1.28 -1.16,-0.91 -2.1,0.67 -0.73,-0.82 0.63,-0.87 -3.07,0.34 -1.17,-0.77 0.85,-3.88 -2.6,-0.07 0,0 -0.28,-4.87 -10.3,-40.47 0.39,-1.06 1.34,-0.22 1.01,1.4 -1.51,3.92 1.9,6.17 1.23,1.18 0.06,3.03 1.74,2.13 -0.45,1.68 1.29,0.95 1.4,-0.95 0.73,-2.8 0,1.74 1.01,0.95 0.9,-1.74 -1.12,-9.47 -3.64,-6.33 -2.07,0.95 -0.21,1.15 -0.28,-0.5 -0.62,0.5 0.06,-2.41 -0.84,-1.34 2.18,-3.48 0.62,-9.36 1.51,-0.17 -1.18,-0.38 0,0 1.33,0.1 0.84,-0.79 1.46,1.4 2.88,-2.66 2.55,1.86 1.67,-0.21 0.4,-1.14 1.09,1.05 0.95,-0.95 -0.51,2.67 1.56,-0.46 -0.05,-1.46 1.99,-0.3 0.31,-0.95 3.14,1.67 z");
gampaha.attr({ title: 'Gampaha',id: 'd2','d2');
districts.push(gampaha);

我需要做的是给这张地图一个特定的高度。

我试过这个代码，

for (let i = 0; i < districts.length; i++) {
   districts[i].transform("s2");
}

这只是将地图的大小乘以 2。但我需要给地图一个特定的大小。 例如 - 500 像素；