svg - Raphael Elements Overlap on Zoom with コントロール

Question

Zoom+ ボタンで要素をズームしても、要素が大きくなるにつれてそれらが重なるという問題が発生しています。

リンクは次のとおりです。http://jsfiddle.net/knottAverage/ArKDp/28/

これが私がズーム+に使用している機能です

$maxIcon.click(function(e) {
mapZoom /= mapMultiplier;
rsrGroupies.scale(mapZoom);
e.stopPropagation();
e.preventDefault();
rsr.setViewBox(0, 0, rsr.mapWidth, rsr.mapHeight);
});​

よろしくお願いいたします。

Answer 1

ズームボタンをSVGコンテナの上に（jQueryを介して）個別のPNG画像として追加し、SVGから独立させて、viewBoxの変更でズームインしないようにします（これがSVGマップで行ったことです）。