Представлен файл 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
|
|
|
