ホームページ  >  記事  >  バックエンド開発  >  Baidu Map API を使用して PHP で地図オーバーレイを追加および削除する方法

Baidu Map API を使用して PHP で地図オーバーレイを追加および削除する方法

PHPz
PHPzオリジナル
2023-07-30 23:27:421442ブラウズ

Baidu Map API を使用して PHP でマップ オーバーレイを追加および削除する方法

マップ オーバーレイは、マップ上の特定のエリアをマークするためにマップに追加されるさまざまなロゴ、グラフィック、またはテキスト要素です。位置または特定の情報を表示します。 。 Baidu Map API は豊富なインターフェイスと機能を提供しており、PHP での地図オーバーレイの追加と削除が非常に便利です。この記事では、Baidu Map API を使用して地図オーバーレイを追加および削除する方法と、対応するコード例を紹介します。

  1. Baidu Map API の導入

まず、Baidu Map API の JavaScript コードを PHP ファイルに導入する必要があります。次の方法で導入できます:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>地图覆盖物示例</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
</head>
<body>
    <div id="map" style="width: 100%; height: 500px;"></div>
    <script type="text/javascript">
        // JavaScript代码
    </script>
</body>
</html>

where,http://api.map.baidu.com/api?v=2.0&ak=ak in your key は、Baidu Map Open Platform に申請したキーです。申請済みで有効なキーを持っていることを確認してください。

  1. マップの追加

JavaScript コードでは、次に示すように、まずマップ コンテナーを追加し、幅と高さを指定して、マップ インスタンス オブジェクトを取得する必要があります。以下:

var map = new BMap.Map("map"); // 创建地图实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点和地图缩放级别

Here"map" はマップのコンテナ ID で、自分で指定できます。

  1. マーキング ポイントの追加

JavaScript コードで、BMap.Marker クラスを通じてマーキング ポイントを作成し、map.addOverlay ## を呼び出します。 #このメソッドは、以下に示すように、ラベル ポイントをマップに追加します。

var point = new BMap.Point(116.404, 39.915);
var marker = new BMap.Marker(point); // 创建标注点
map.addOverlay(marker); // 添加标注点到地图中

ここでの

(116.404, 39.915) は、ラベル ポイントの経度と緯度です。次のように設定できます。あなたのニーズに合わせて。

    オーバーレイの追加
Baidu Map API は、ポイントのマークに加えて、円、多角形、ポリラインなど、他のタイプのオーバーレイの追加もサポートしています。例として円を追加します。

var circle = new BMap.Circle(point, 1000, {strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5}); // 创建圆形,参数分别为圆心、半径和圆的样式
map.addOverlay(circle); // 添加圆形到地图中

ここで、

point は円の中心の緯度と経度、1000 は円の半径、{ストローク色: "青"、ストロークウェイト: 2、ストローク不透明度: 0.5} は円形のスタイルです。

    オーバーレイの削除
地図上のオーバーレイを削除するには、以下に示すように、対応するオーバーレイ オブジェクトの

remove メソッドを呼び出すだけです。 ##<pre class='brush:javascript;toolbar:false;'>map.removeOverlay(marker); // 删除标注点 map.removeOverlay(circle); // 删除圆形</pre>このようにして、地図上のオーバーレイを追加および削除できます。

要約すると、上記の手順により、Baidu Map API を使用して PHP で地図オーバーレイを追加および削除できます。この記事で提供されているコード例が、読者が Baidu Map API をよりよく理解し、適用するのに役立つことを願っています。

以上がBaidu Map API を使用して PHP で地図オーバーレイを追加および削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。