SVG Map in Viewport?

[Anfänger2.0]

Hi Leute,
ich bin neu hier und komm mal direkt zum Problem:

Wir versuchen eine Seite zu erstellen, in der wir eine Map in SVG anzeigen wollen.
Die SVG ist scroll- und schiebbar.
Jetzt besteht das Problem, dass man ja zu weit rauszoomen kann und die Karte zu weit zur Seite ziehen kann, sodass am Rand ein weißer, leerer Bereich entsteht.
Man kann die SVG sogar soweit raus ziehen, bis sie gar nicht mehr sichtbar ist
xD.

Meine Frage ist jetzt, ob es eine Möglichkeit gibt, die SVG irgendwie in einen Viewport zu stecken, sodass man nur maximal rauszoomen und schieben kann, sodass kein leerer Rand entsteht?

Hier der abgespeckte Code:

<embed onload="initMap()" id="SVGObject" src="svg/kvvsmall19.svg" type="image/svg+xml"  />

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
   
#SVGObject {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    }
   
#content {
    position: absolute;
    z-index: 2;
    margin-top: 0;
    margin-left: 0;
    width: 500px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 1px;
    overflow: hidden;
    }

danke schonmal für eure Hilfe :)

 

[Sempervivum]

Benutzt Du da ein Plugin? Habe mal von Shiftzoom die Demo Carribean ausprobiert, da kann man die Landkarte nicht über die Grenzen hinaus verschieben:
http://www.netzgesta.de/shiftzoom/

 

[Anfänger2.0]

danke für die antwort erstnal
habs die ganze zeit html intern probiert hab da nicht so viel ahnung von :/

aber danke für deinen tip werd ich mir nacher anschauen sollte funktionieren :)