====== Eingebettete OpenStreetmap-Karten ====== Das Einbetten einer OSM-Karte ist einfach, auf http://openstreetmap.org kann man sich einen Kartenausschnitt wählen und im Menü auf der rechten Seite unter "Teilen" bekommt man einen HTML-Schnipsel mit IFrame, mit dem man eine interaktive Karte einbinden kann. Soweit so gut. Dumm ist nur, dass das Zoomen der Karte und Scrollen der eigenen Webseite mit dem Mausrad passieren und somit das scrollen nicht mehr funktioniert, sobald man mit der Maus über dem IFrame ist. Bei Google Maps gibt es dafür die Möglichkeit, mittels STRG-Taste das zoomen zu aktivieren. === Umsetzung === Ich habe eine kleine Alternative dazu programmiert, die das Zoomen mittels klick freigibt. Dazu müssen folgende Anpassungen an der Seite vorgenommen werden: - das Iframe benötigt eine ID, in diesem Beispiel habe ich sie "osm" genannt, zur Sicherheit kann dem Iframe noch ein z-index eingefügt werden: