Comment utiliser MySQL et JavaScript pour implémenter une fonction simple de marquage de carte
La fonction de marquage de carte est très courante dans les applications Web modernes. Elle peut être utilisée pour marquer des emplacements spécifiques, afficher des informations de localisation ou afficher des données géographiques, etc. Dans cet article, nous expliquerons comment écrire une fonction simple de marqueur de carte à l'aide d'une base de données MySQL et de JavaScript, et fournirons des exemples de code spécifiques.
1. Préparation
Avant de commencer, nous devons préparer quelques environnements et outils de base :
2. Créer une base de données et une table
Tout d'abord, nous devons créer une table dans la base de données MySQL pour stocker les informations de localisation des marqueurs de carte. Nous pouvons créer une table nommée "markers" en utilisant l'instruction SQL suivante :
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;
Cette table contient quatre champs : id, name, lat et lng. Le champ id est une clé primaire auto-incrémentée, le champ name est utilisé pour stocker le nom de la balise et les champs lat et lng sont utilisés pour stocker respectivement la latitude et la longitude de la balise.
3. Écrivez le code front-end
Ensuite, nous pouvons écrire le code HTML et JavaScript front-end pour implémenter la fonction de marquage de carte.
<div id="map"></div> <button onclick="addMarker()">添加标记</button>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
