Wprowadzono plik API Baidu Maps
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Stwórz instancję mapy i ustaw podstawowe właściwości
function huaLine(id, sj, numSelect) {
Funkcja Baidu Map API
map = nowy BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Twórz instancje map, mieszaj mapy, zarówno współrzędne, jak i mapy satelitarne
map.centerAndZoom (nowy BMap.Point (104.06, 30.67), 5); Zainicjalizuj mapę, ustaw współrzędne punktu środkowego i poziom mapy
map.enableScrollWheelZoom(true); Włącz kółko myszy – zoom
Przedstawiam wtyczkę do agregacji punktów mapowych Baidu
<scenariusz typ="tekst/javascript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<scenariusz typ="tekst/javascript" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Stwórz niestandardowe wymiary do implementacji agregacji punktów
Stwórz tablicę
znaczniki var = [];
Stwórz punkt o współrzędnych x i y w pikselach
var pt = nowy BMap.Point(długość geograficzna, szerokość geograficzna);
Ustaw ikonę etykiety i zmień rozmiar importowanego obrazu
var myIcon = nowy BMap.Icon(".. /.. /img/work/yuan.png", nowy BMap.Size(32, 32));
Stwórz adnotację, ustaw szerokość i długość geograficzną adnotacji oraz obrazek adnotowany
var marker2 = nowy BMap.Marker(pt, { icon: myIcon });
Dodaj punkty, które trzeba zagregować do tablicy
markers.push(marker2);
Inicjalizacja agregacji punktów
var markerClusterer = nowy BMapLib.MarkerClusterer(map, {markers:markers});
Uwaga: Istniejące wtyczki do agregacji punktów są dość zablokowane, możesz wejść na Baidu, żeby poszukać wtyczek zmodyfikowanych przez dużych graczy
| 
Opublikowano 07.07.2020 14:56:33
|
|
|
