Interaktive Karte in auf Website einbinden?

Guten Tag,

ich würde gerne eine Karte auf meine Website einbauen. Am besten wäre es, wenn man diese in dieser Karte zoomen und sich bewegen könnte, allerdings habe ich da ein wenig die Hoffnung verloren. Jetzt kommt aber das Problem. Die Karte soll wie eine Art Menü/ Navigation fungieren. Also, dass man auf der Karte eben Standorte anklicken kann, diese zu anderen Seiten führen.

Vielen Dank

MfG

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

20.11.2021, 11:35

Die Karte soll wie eine Art Menü/ Navigation fungieren. Also, dass man auf der Karte eben Standorte anklicken kann, diese zu anderen Seiten führen

Dafür bietet Google Maps eine API. Wie das funktioniert, kannst Du hier nachlesen: https://developers.google.com/maps/documentation/javascript/overview?hl=de

Alex

20.11.2021, 01:21

Es gibt da bestimmt APIs, die so etwas können...

Könntest ja mal nach "Javascript geographic map" oder so schauen...

Ein Ergebnis: https://leafletjs.com/
Soll individuelle mouse-click-events unterstützen

Ähnliche Beiträge

Kann man eine Website sichern?

Hallo,

ich habe eine sehr interessante Website gefunden, die ich gerne sichern würde, sodass ich auch offline darauf zugreifen kann, und sie immer gespeichert habe, falls sie online gelöscht wird.
Ist es möglich diese so abzuspeichern, dass ich auf der heruntergeladenen Version immer noch verschiedene Dinge auf der Website anklicken kann, oder ist es wenn nur machbar die Website als (PDF) Seiten ohne mögliche interaktive Nutzung zu speichern?

Ich hoffe man versteht was ich meine, weiß leider nicht wie ich’s erklären soll damit man mich versteht..

Danke schon mal :)

Wie HTML Animation die aus verschiedenen Dateien besteht einbinden?

Ich habe eine interaktive HTML Animation bekommen. Dieser Ordner besteht aus vielen verschiedenen dateien. Bilder, Videos, CSS, JS. Ich möchte diese Animation nun auf meiner Website einbinden.

Ich bin ehrlich gesagt etwas überfordert. Ich weiß wie ich HTML Code einbinde etc. Aber nicht ein Content Element welches sich aus vielen verschienden Dateien zusammensetzt.

HTML Website in PHP umwandeln - Ladedauer?

Ich moechte eine Website welche aus hunderten einzelnen HTML Seiten besteht umwandeln, so dass diese über PHP ausgegeben werden.
(Damit ich interaktive Dinge einbauen kann)
Wie bewerkstellige ich das am besten, und wie stark erhoeht sich die Ladezeit dadurch?

JS Navbar klappt nicht, Hilfe?

Hallo,

Ich wollte mal nach Hilfe fragen, da mein Mobile Menu für die Navigation nicht klappt.

Ich kann das Menu öffnen wenn ich beim Event Listener den . durch ein , ersetze aber kann dann nichts anklicken da es sich direkt Schließt

const selectElement = (element) => document.querySelector(element);


selectElement('.nav-menu-icons').addEventListener('click', () => {
    selectElement('nav').classList.toggle('active');
});

CSS Navigation nur mit einem Bild?

Hallo,

weiß jemand wie ich eine Grafik (in dem Fall ein Logo) als Navigationsleiste einbaue? Wenn man über das Logo fährt soll sich eine Art Dropdown-Menü öffnen.

Schonmal danke im Voraus

Tabelle einer Website auf eigener Website einbinden?

Hallo. Ich betreue die Website unseres Sportvereins.

Ich stehe nun vor folgendem Problem: Ich möchte die Tabelle, wo die offiziellen Punktspielergebnisse veröffentlicht werden quasi in meine Jimdo Website einbauen, wobei sich die Tabelle selbstständig aktualisieren soll. Also sobald auf der öffentlichen Website des Verbandes ein Punktspielergebnis eingetragen wird, soll dies auf meiner Website auch ersichtlich werden. Gibt es dafür eine Möglichkeit oder funktioniert das, zumindest bei Jimdo, überhaupt nicht?

Vielen Dank für eure Antworten!!

Logo von anderen Marken als Referenzen in meiner Website benutzen?

Hallo Community,

Ich starte gerade mein online musik business und habe schon an 1-2 großen Marken meine Musik verkauft. Nun möchte ich diese Marken als Referenz in meine Website einbinden, allerdings sind Logos ja geschützt also denke ich nicht dass man sie einfach so benutzen darf aber Ich habe von anderen gehört dass man diese Logos einbauen darf solange sie nur zu informationszwecken genutzt werden (was mir nicht ganz klar ist). Vielen Dank für jede Hilfe!

Drohnen Karten außerhalb Deutschland?

Normalerweise benutze ich immer die interaktive Karte der Droniq App, soweit ich weiß hat die aber nur Daten zu Deutschland.

Gibt es andere Apps oder Websites die zuverlässig und offiziell sind wo von anderen Ländern ebenfalls abgebildet wird wo und unter welchen Bedingungen man fliegen darf?

Demnächst bin ich Österreich, aber generell übernehmen viele andere Länder ebenfalls die neue EU-Richtlinie zu den Drohnengesetzen, daher wäre es schön zu wissen wo ich fliegen darf.

Interaktive Karte Coden?

Hallo, im Zuge eines Projektes habe ich schon öfters darüber nachgedacht, ob es möglich ist eine Interaktive Karte zu Coden, auf der man einzelne Häuser auf der Karte anklicken kann und dann gewisse Daten zu diesem Gebäude sieht (Koordinaten, Adresse,)Allerdings sollen die Gebäude schon automatisch angelegt sein.

Ebenso soll man nachdem man das Gebäude ausgewählt hat entscheiden ob man es beanspruchen will oder nicht. (Knopf: Beanspruchen oder Freigeben) je nachdem verändert sich die Flächenfarbe des Gebäudes.

Für die die es interessiert für was man sowas braucht. Ich möchte sowas gerne als Planungkarte nehmen welche Gebäude bereits Fertig, angefangen oder noch frei sind zum Bauen.

Danke schon mal für eure Vorschläge!

Muse Code bearbeiten?

Hallo,

ich möchte gerne eine interaktive Website erstellen die ungefähr die gleichen Funktionen haben soll wie ebay. Ich habe Adobe Dreamweaver aber nun habe ich Adobe Muse entdeckt was vor allem das Desingen von Websites stark erleichtert. Doch kann ich mit Dreamweaver den exportierten HTML Code von Muse bearbeiten? Bzw. kann ich dann in Dreamweaver die interaktiven Funktionen einbauen? Oder geht das vielleicht sogar schon in Muse?

Lg Dudi :D

Gibt es eine Website, um kostenlos Java Script zu lernen?

Hallo Leute,

ich suche eine Website mit der ich Java Script lernen kann und die kostenlos ist. Welche Website(n) könnt ihr mir, als Anfänger empfehlen?

Kann man mit Interrail Global Pass nur bestimmte Städte anfahren?

Auf der Website gibt es eine Karte, auf der man Länder auswählen kann. Wenn ich diese anklicke werden nur ein paar wenige Städte angezeigt zur Auswahl. Kann ich nur diese anfahren oder jede beliebige Stadt?

Ecosia Suchleiste in Website einbinden?

Würde mir eine persönliche Startseite in HTML/CSS machen und würde da gerne eine Suchleiste einbauen, sodass die Suchergebnisse von Ecosia kommen.

Wenn ihr mir eine HTML/CSS-Vorlage geben könntet, das wäre perfekt, hab dazu leider nichts gefunden.

Schriftart im Navigationsmenü bei Wordpress ändern?

Hallo,

wie kann ich die Schriftart der Menü-Navigation ändern? Ich nutze für meine Website das Virtue Theme. Aktuell kann ich nur über die Theme Einstellungen und dann unter dem Punkt Typographie die Überschriften und generelle Schrift einstellen. Die Schrift des Menüs ist aber eine ganz andere. Besten Dank!

Was möchtest Du wissen?

Deinen Beitrag erstellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }