Individuelle Karte mit Google Maps

Individuelle Karte mit Google Maps (9 Beiträge, 375 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Aufgabenstellung: Eine zoombare Google Maps Karte soll in eine HTML-Webseite eingebaut werden. Innerhalb Österreichs sollen ca. 250 Standorte markiert werden, wenn man mit dem Cursor drüberfährt, soll ein kurzer Text (der Name, ev. auch Kontaktinformationen) eingeblendet werden. Verlinkung zu einer vorhandenen Internetseite (mit weiterführenden Erläuterungen des Standorts) von der Markierung aus wäre optimal.
Die ca. 250 Standorte unterteilen sich in voraussichtlich 3 Kategorien, die mit unterschiedlichem Icon dargestellt werden sollen. Weitere Filtermöglichkeiten sind nicht erforderlich.

Die Aufgabenstellung ist also nicht besonders originell, aber: Kann mir jemand ein für ANFÄNGER geeignetes Tutorial namhaft machen, das nicht zuviel Vorwissen voraussetzt und einfach umsetzbar ist?

WB.
-- Inhaltsstoffe: Kompetenz, Erfahrung, Halbwissen, Hörensagen. Kann Spuren von Ironie enthalten.

My name is Maximus Decimus Meridius, Commander of the Armies of the North,
General of the Felix Legions, loyal servant to the true emperor, Marcus Aurelius.

Danke! Das schaut sehr einfach aus und die unterschiedlichen Fraben der Standorte kann man auch wählen.

Was ich auf die Schnelle nicht herauslesen konnte: Wie funktioniert die Einbindung auf eine eigene Webseite?

WB.
-- Inhaltsstoffe: Kompetenz, Erfahrung, Halbwissen, Hörensagen. Kann Spuren von Ironie enthalten.

Vermutlich mit Frames oder ähnlichem, ich habs bei mir in einer neuen Seite öffnen lassen, was für meine Zwecke reicht.

lg
Maximus

My name is Maximus Decimus Meridius, Commander of the Armies of the North,
General of the Felix Legions, loyal servant to the true emperor, Marcus Aurelius.

Siehe da - keine Frames o.ä. benötigt.

https://developers.google.com/maps/documentation/javascript/tutorial

Wenn der Sturm losbricht,
verstummen die Einen vor Schrecken,
und die Anderen breiten, einem Adler gleich, die Flügel aus
und schwingen sich empor.

Herzlichen Dank an Raydoo für die Fotos

Du suchst das da:
https://developers.google.com/maps/documentation/javascript/tutorial

Ich nehme an die Daten zu den jeweiligen Standorten stehen bereits in einer DB drin? Dann könntest du das ja dynamisch erzeugen lassen.

Wenn der Sturm losbricht,
verstummen die Einen vor Schrecken,
und die Anderen breiten, einem Adler gleich, die Flügel aus
und schwingen sich empor.

Herzlichen Dank an Raydoo für die Fotos

Ich nehme an die Daten zu den jeweiligen Standorten stehen bereits in einer DB drin?

Die Daten sind vorhanden, aber noch nicht tabellarisch erfasst. Aber das ist dann Handarbeit für ein paar Nächte

So eine Excel-Tabelle wie im vorigen Beispiel wäre die ideale Erfassungsart.

WB.
-- Inhaltsstoffe: Kompetenz, Erfahrung, Halbwissen, Hörensagen. Kann Spuren von Ironie enthalten.

So eine Excel-Tabelle wie im vorigen Beispiel wäre die ideale Erfassungsart.

Nicht wenn du's dann auch live im Web automatisiert weiterverarbeiten willst ...

Wenn der Sturm losbricht,
verstummen die Einen vor Schrecken,
und die Anderen breiten, einem Adler gleich, die Flügel aus
und schwingen sich empor.

Herzlichen Dank an Raydoo für die Fotos

Der Link zur Google Maps Dokumentation wurde ja schon gepostet. Ich würde die Daten irgendwie per Script geocodieren und dann als GeoJSON ablegen und den Rest mit HTML, Javascript+CSS herumbauen.

Alternativ kannst du auch mit CartoDB https://cartodb.com/ (ist gratis bei den Limits soweit ich das sehen kann), so eine Karte Recht schnell machen bzw. mit Google MyMaps, für beides muss man nur bedingt programmieren können.

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung