Въведен Baidu Maps API файл
<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 карта
<скрипт вид="текст/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 = нов BMap.Icon(".. /.. /img/work/yuan.png", нов BMap.Size(32, 32));
Създайте анотация, задайте ширината и дължината на анотацията и анотираното изображение
var marker2 = new BMap.Marker(pt, { icon: myIcon });
Добавете точките, които трябва да бъдат агрегирани, към масива
markers.push(marker2);
Инициализиране на агрегиране на точки
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Забележка: Съществуващите плъгини за агрегиране на точки са сравнително заседнали, можеш да отидеш в Baidu, за да потърсиш някои плъгини, модифицирани от големи компании за използване
| 
Публикувано в 7.07.2020 г. 14:56:33 ч.
|
|
|
