So verwenden Sie MySQL und JavaScript, um eine einfache Kartenmarkierungsfunktion zu implementieren
Die Kartenmarkierungsfunktion ist in modernen Webanwendungen sehr verbreitet. Sie kann zum Markieren bestimmter Orte, zum Anzeigen von Standortinformationen oder zum Anzeigen geografischer Daten usw. verwendet werden. In diesem Artikel behandeln wir das Schreiben einer einfachen Kartenmarkierungsfunktion mithilfe einer MySQL-Datenbank und JavaScript und stellen spezifische Codebeispiele bereit.
1. Vorbereitung
Bevor wir beginnen, müssen wir einige grundlegende Umgebungen und Tools vorbereiten:
2. Datenbank und Tabelle erstellen
Zuerst müssen wir eine Tabelle in der MySQL-Datenbank erstellen, um die Standortinformationen von Kartenmarkierungen zu speichern. Mit der folgenden SQL-Anweisung können wir eine Tabelle mit dem Namen „markers“ erstellen:
CREATE TABLE `markers` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `name` VARCHAR(50) NOT NULL, `lat` FLOAT(10,6) NOT NULL, `lng` FLOAT(10,6) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
Diese Tabelle enthält vier Felder: id, name, lat und lng. Das ID-Feld ist ein automatisch inkrementierter Primärschlüssel, das Namensfeld wird zum Speichern des Namens des Tags verwendet und die Felder lat und lng werden zum Speichern des Breiten- bzw. Längengrads des Tags verwendet.
3. Schreiben Sie den Front-End-Code
Als nächstes können wir den Front-End-HTML- und JavaScript-Code schreiben, um die Kartenmarkierungsfunktion zu implementieren.
<div id="map"></div> <button onclick="addMarker()">添加标记</button>
