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

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?

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 :)

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

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

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!

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!!

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!

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.

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?

Website erstellen - Mit Lua/Luau möglich?

Ist es eigentlich möglich, mit Lua oder Luau eine qualitative Website mit komplexem Layout und 3D-Elementen zu erstellen, oder kommt man um den JavaScript nicht herum?

Ich bin Anfänger (habe noch mich noch nie mit programmieren/coden vertraut gemacht) und möchte damit beginnen, zu lernen, wie man einen Code zu einer Website transformiert, habe mich damit aber noch nicht auseinandergesetzt (ich habe bisher noch keine Erfahrung mit coden von Websites). Und ja, bisher habe ich keine einzelne Zeile Code geschrieben und kenne mich auch nicht wirklich aus. Jedenfalls, für mich wäre es effizienter und eventuell auch besser, mich mit Lua vertraut zu machen, aber da ich dazu nichts gefunden habe, habe ich die Befürchtung, dass JavaScript nicht zu umgeben ist. Und so bin ich auf gutefrage.net gekommen, wie jeder, wenn er etwas sucht.

Kurzgefasst interessiert mich, ob man mit Lua folgendes tun kann:

Eine Website mit 3D-Effekten erstellen
Eine Website mit Animationen erstellen
Komplexe Layouts Wirklichkeit werden lassen

Ich bin noch ein richtiger Anfänger, aber mich würden eure Antwort und euer Wissen interessieren, damit ich weiß, was für die Zukunft besser ist (schließlich möchte ich eine Programmiersprache für die Erstellung von Websites lernen und dieses Wissen auch festigen, nicht umher springen von Programmiersprache zu Programmiersprache), denn es ist ja klar, dass ich erst klein beginnen würde (keine komplexen Layouts, Animationen, ...).

Danke!

Kostenlose HTML Website mit Datenbank hosten?

Hallo zusammen,

aktuell muss ich für ein Uni-Projekt eine Website für einen Online-Obsthandel erstellen und diese online hosten.

Hier habe ich bereits mit HTML und CSS die Website erstellt. (Grafisch)

Nun möchte ich diese Website mit einer Datenbank verknüpfen in der die Obstartikel gespeichert sind und Bestellungen entgegengenommen werden können.

Was für einen Code muss ich hierfür noch schreiben und welcher Webhost bietet eine gratis Lösung an? (HTML+SQL)

Was möchtest Du wissen?

Deine Frage stellen

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; }