• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Interaktive Karte erstellen

lars pfeiffer

Neues Mitglied
Guten Tag, ich habe eine kurze Frage und zwar habe ich in Illustrator eine Karte erstellt mit 6 Standorten gibt es dazu Themes wie ich daraus eine interaktive Karte in HTML erstellen kann?

Danke im Voraus.

Grüße
 

Sempervivum

Senior HTML'ler
Ich nehme mal an, der Fragesteller meint "Templates" statt "Themes", d. h. eine Vorlage, die man ein wenig modifizieren muss um sie an die eigenen Gegebenheiten anzupassen.
 

Sempervivum

Senior HTML'ler
Nein, Vorlagen kenne ich nicht. Deine Frage ist zwar kurz aber das Thema ein wenig komplex und die Antwort ebenso.
Ich habe da jedoch etwas in der Schublade, prüfe, ob es deine Anforderung trifft:
Code:
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Test</title>

    <style>
        body {
            position: relative;
        }

        #worldmap {
            width: 100%;
            height: auto;
        }

        a {
            display: inline-block;
            width: 5%;
            position: absolute;
        }

        img {
            width: 100%;
            height: auto;
        }

        img.dog {
            border-radius: 50%;
        }

        #golden-retriever {
            left: 40%;
            top: 20%;
        }

        #collie {
            left: 60%;
            top: 40%;
        }
    </style>
</head>

<body>
    <img id="worldmap" src="images/worldmap.svg" />
    <a id="golden-retriever" href="https://de.wikipedia.org/wiki/Golden_Retriever">
        <img class="dog" src="images/golden-retriever-cropped.jpg" />
    </a>
    <a class="dog" id="collie" href="https://de.wikipedia.org/wiki/Langhaarcollie">
        <img class="dog" src="images/collie-cropped.jpg" />
    </a>
</body>

</html>
Wenn nicht, müssen wir ein wenig tiefer in das Thema einsteigen.
 
Zuletzt bearbeitet:
Werbung:

Neueste Beiträge

Oben