MySQL と JavaScript を使用して単純なマップ マーキング関数を実装する方法
マップ マーキング関数は、最新の Web アプリケーションで非常に一般的です。場所、位置情報の表示または地理データの表示など。この記事では、MySQL データベースと JavaScript を使用して簡単なマップ マーカー関数を作成する方法を説明し、具体的なコード例を示します。
1. 準備
始める前に、いくつかの基本的な環境とツールを準備する必要があります:
2. データベースとテーブルの作成
まず、マップ マーカーの位置情報を保存するテーブルを MySQL データベースに作成する必要があります。次の SQL ステートメントを使用して、「markers」という名前のテーブルを作成できます。
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;
このテーブルには、id、name、lat、lng の 4 つのフィールドが含まれています。 id フィールドは自動インクリメントされる主キーで、name フィールドはタグの名前を格納するために使用され、lat フィールドと lng フィールドはそれぞれタグの緯度と経度を格納するために使用されます。
3. フロントエンド コードを作成する
次に、マップ マーキング機能を実装するためのフロントエンド HTML および JavaScript コードを作成します。
<div id="map"></div> <button onclick="addMarker()">添加标记</button>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
