Introdujo el archivo API de Baidu Maps
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Crea una instancia de mapa y establece propiedades básicas
function huaLine(id, sj, numSelect) {
Función API de Baidu Map
map = nuevo BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Crear instancias de mapas, mezclar mapas, tanto coordenadas como mapas satelitales
map.centerAndZoom (nuevo BMap.Point (104,06, 30,67), 5); Inicializa el mapa, establece las coordenadas del punto central y el nivel del mapa
map.enableScrollWheelZoom(true); Activar el zoom de la rueda del ratón
Presentamos el complemento de agregación de puntos de mapas Baidu
<guion tipo="texto/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<guion tipo="texto/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Crear dimensiones personalizadas para implementar agregación de puntos
Crear un array
marcadores var = [];
Crea un punto con coordenadas x e y en píxeles
var pt = nuevo BMap.Point (longitud, latitud);
Configura el icono de la etiqueta y cambia el tamaño de la imagen importada
var myIcon = new BMap.Icon(".. /.. /img/work/yuan.png", nuevo BMap.Size(32, 32));
Crea una anotación, establece la latitud y longitud de la anotación y la imagen anotada
var marker2 = new BMap.Marker(pt, { icon: myIcon });
Añade los puntos que deben agregarse al array
marcadores.push(marker2);
Agregación de puntos iniciales
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Nota: Los plugins de agregación de puntos existentes están relativamente atascados, puedes ir a Baidu para buscar algunos plugins modificados por grandes para usar
| 
Publicado en 7/7/2020 14:56:33
|
|
|
