現在、ディーラーの場所と情報を埋め込む必要があるウェブサイトを作成中です。いろいろ調べた結果、ようやく機能が完成したので共有したいと思います。
マップ機能: ルーラーによるズーム、マウスのスライドによるズーム、ラベルと情報の追加。
具体的な手順:
1: まず、Baidu Map API にアクセスしてキーを申請します。 (Baidu アカウントをお持ちでない場合は、まずアカウントを登録する必要があります)
2: Baidu Map API の機能は、注釈やズームなど比較的分散しています。コードを段階的に見つける必要があります。コードを整理して全員にコピーしました。これが最も単純なものになるはずです
<頭>
<スクリプトタイプ="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.384, 39.987) //マークする場所の緯度と経度
Map.centerAndZoom(point, 15) // 中心位置とズーム倍率
;
Map.enableScrollWheelZoom() // スクロール軸を追加します
Map.addControl(new BMap.NavigationControl()); // 左上隅に定規ツールを追加します
Map.addControl(new BMap.NavigationControl());
Map.addControl(new BMap.ScaleControl());
Map.addControl(new BMap.OverviewMapControl());
Map.addControl(new BMap.MapTypeControl());
Map.setCurrentCity("北京");
var opts = {
width: 200, // 情報ウィンドウの幅
高さ: 20, // 情報ウィンドウの高さ
タイトル: 「建祥橋東華亭ホーム」 // 情報ウィンドウのタイトル
}
var infoWindow = new BMap.InfoWindow("xxx company", opts) //情報ウィンドウオブジェクトを作成します
Map.openInfoWindow(infoWindow, map.getCenter()) // 情報ウィンドウを開きます
var marker = new BMap.Marker(point) // 地図上に小さな赤い点であるマーカーを作成します
マップ.addOverlay(マーカー);