BaiduマップAPIファイルの導入
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
マップインスタンスを作成し、基本的なプロパティを設定します
function huaLine(id, sj, numSelect) {
百度地図API関数
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); マップインスタンスを作成したり、座標と衛星マップの両方を組み合わせたり
map.centerAndZoom(新しいBMap.Point(104.06, 30.67), 5); マップを初期化し、中心点の座標とマップレベルを設定します
map.enableScrollWheelZoom(true); マウスホイールのズームをオンにします
百度マップポイント集約プラグインの紹介
<文字 種類=「テキスト/JavaScript」 SRC=「http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js」></script>
<文字 種類=「テキスト/JavaScript」 SRC=「http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js」></script>
ポイント集約を実現するためのカスタム次元を作成する
配列を作成する
VARマーカー = [];
ピクセル単位でx座標とy座標を持つ点を作成します
var pt = 新しいBMap.Point(経度、緯度);
ラベルのアイコンを設定し、インポートした画像のサイズを変更してください
var myIcon = new BMap.Icon(".. /.. /img/work/yuan.png"、新しいBMap.Size(32, 32));
注釈を作成し、注釈の緯度と経度、そして注釈付き画像を設定します
var marker2 = 新しいBMap.マーカー(pt, { icon: myIcon });
アグリゲートが必要な点を配列に加えます
markers.push(marker2);
ポイント集約の初期化
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
注意:既存のポイント集約プラグインは比較的行き詰まっているので、大手が改造したプラグインをBaiduで検索できます
| 
掲載地 2020/07/07 14:56:33
|
|
|
