Bewegbare Karte "Slippy Map" auf Website einfügen.

Hallo,

ich hoffe ich bin richtig hier und ihr könnt mir helfen.

Ich habe eine "Radwanderkarte" als jpg. Diese ist aber von den Abmaßen zu groß für die Website. Verändert man die Größe, dann erkennt man nichts mehr und der

Sinn des ganzen wäre dahin. Jetzt würde ich das gerne so einbinden wie bei Google-Maps. Also einen Kasten wo die Karte drin ist, welche man mit der Maus verschieben kann.

Wenn man das ganze noch heraus und hinein zoomen kann, dann wäre das perfekt. Welche Möglichkeiten habe ich um dies zu verwirklichen?

Vielen Dank schon mal für Eure Hilfe!

MfG Stephan

Zitat von m.scatello

Such dir was aus: https://www.jqueryscript.net/tags.php?/image%20pan/

Vielen Dank! Das erste wäre genau das richtige. Leider hab ich schon lange keine Webseiten mehr gemacht und so einiges vergessen. Und da ich heute noch weniger Zeit als früher habe, benutze ich jetzt einen Homepage-Baukasten von One.com. Bei denen wird auch die Website gehostet. Nur weis ich nicht wo die die Website abspeichern. Deshalb ist das mit dem jquery nen bissel umständlich. Weis nicht, wie ich das dort einfügen soll.

Zitat von Sempervivum

... oder mit d3.js:

Externer Inhalt gist.github.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Alle externen Inhalte anzeigen

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Puh...also wenn ich da wüsste, wo ich mein JPEG einfügen soll, dann würde ich es mal probieren

Trotzdem Danke!