Введено файл API Baidu Maps
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Створіть екземпляр карти та встановіть базові властивості
function huaLine(id, sj, numSelect) {
Функція Baidu Map API
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Створюйте екземпляри карт, змішуйте карти, як координати, так і супутникові карти
map.centerAndZoom(новий BMap.Point(104.06, 30.67), 5); Ініціалізуйте карту, встановіть координати центральної точки та рівень карти
map.enableScrollWheelZoom(true); Увімкніть масштабування колеса миші
Знайомство з плагіном для агрегації точок Baidu на карті
<сценарій тип="text/javascript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<сценарій тип="text/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 = новий BMap.Icon(".. /.. /img/work/yuan.png", новий BMap.Size(32, 32));
Створіть анотацію, встановіть широту та довготу анотації, а також анотоване зображення
var marker2 = новий BMap.Marker(pt, { icon: myIcon });
Додайте точки, які потрібно агрегувати, до масиву
markers.push(marker2);
Ініціалізація агрегації точок
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Примітка: існуючі плагіни для агрегації точок досить застрягли, ви можете зайти на Baidu, щоб знайти плагіни, модифіковані великими компаніями для використання
| 
Опубліковано 07.07.2020 14:56:33
|
|
|
