7 personalisierte Karten-Plug-ins basierend auf Jquery und html5_jquery

1. Die HTML5-Weltkarte unterteilt die Welt in Regionen und zeigt Ländernamen an

Dies ist eine auf HTML5 basierende Weltkartenanwendung. Ihre Funktion besteht darin, jedes Ländergebiet auf der Karte zu unterteilen. Wenn Sie mit der Maus darüber fahren, wird der dem Gebiet entsprechende Ländername angezeigt -up-Beschriftungen. Benutzerdefinierter Text und benutzerdefinierte Stile.

Online-Demonstration Quellcode-Download

2. jQuery-Vektor-SVG-Karten-Plug-in JVectorMap

JVectorMap ist ein jQuery-basiertes Vektorkarten-Plug-in. Im Gegensatz zu anderen jQuery-Karten-Plug-ins ist jVectorMap eine Vektorkarte, unterstützt aber auch entsprechende Funktionen wie Kartenzoomen und Kartenebene Bewegung. Da JVectorMap auf jQuery basiert, unterstützt es die meisten gängigen Browser und ist weit verbreitet.

Online-Demonstration Quellcode-Download

3. jQuery-China-Karten-Plug-in

Heute werde ich ein relativ praktischeres jQuery-China-Karten-Plug-in vorstellen. In diesem Beispiel ist die gesamte China-Karte in Provinzen unterteilt. Wenn die Maus über die entsprechende Provinz fährt, wird eine detaillierte Einführung in die entsprechende Provinz angezeigt . .

Online-Demonstration  Quellcode-Download

4. Reines CSS3 zur Implementierung von Eingabeaufforderungen für Karten-Hotspot-Textanmerkungen

Das Besondere an dieser Kartenanwendung ist, dass es viele markierte Punkte auf der Karte gibt. Klicken Sie auf den markierten Punkt, um auf der Seite ein Textfeld mit detaillierten Informationen zum markierten Punkt auf der Karte aufzurufen. Wenn Sie eine Kartenanwendung mit Anmerkungsfunktionen benötigen, kann dieses CSS3-Karten-Plug-in genau das Richtige für Sie sein.

Online-Demo Quellcode-Download

5. HTML5 SVG-Weltkarte kann gezogen und gezoomt werden

Die HTML5-Kartenanwendung, die ich heute teilen möchte, ist eine Weltkarte. Die Kartenelemente werden mit SVG gezeichnet und die Karte kann gezogen und teilweise gezoomt werden.

Online-Demonstration Quellcode-Download

6. HTML5/CSS3-Kontaktformular mit Umgebungskarte

Heute stellen wir ein leistungsfähigeres HTML5/CSS3-Kontaktformular vor, mit dem Sie verschiedene Bereiche auswählen können, um entsprechende Karten anzuzeigen, und dann das Kontaktformular für diesen Bereich ausfüllen können.

Online-Demonstration Quellcode-Download

7. HTML5 3D-Real-Life-Kartenanimation, 3D-Effekt ist cool

Heute werden wir einen neuen HTML5-3D-Effekt vorstellen, bei dem es sich um eine reale 3D-Karte handelt. Diese 3D-Karte erfasst reale Häuser und Gebäude und kann zur Anzeige gedreht werden, was sehr cool ist.

Online-Demonstration Quellcode-Download

Die oben genannten sind einige exquisite jQuery/HTML5-Karten-Plug-ins. Wenn Sie auch ein gutes Karten-Plug-in haben, teilen Sie es uns bitte mit.