Introdução do arquivo API Baidu Maps
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Crie uma instância de mapa e defina propriedades básicas
function huaLine(id, sj, numSelect) {
Função API do Baidu Map
map = novo BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Criar instâncias de mapa, misture mapas, tanto coordenadas quanto mapas de satélite
map.centerAndZoom (novo BMap.Point (104.06, 30.67), 5); Inicialize o mapa, defina as coordenadas do ponto central e o nível do mapa
map.enableScrollWheelZoom (verdadeiro); Ativer o zoom da roda do mouse
Apresentando o plug-in de agregação de pontos de mapas Baidu
<roteiro tipo="texto/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<roteiro tipo="texto/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Crie dimensões personalizadas para implementar agregação de pontos
Crie um array
marcadores var = [];
Crie um ponto com coordenadas x e y em pixels
var pt = novo BMap.Point (longitude, latitude);
Defina o ícone da etiqueta e mude o tamanho da imagem importada
var myIcon = new BMap.Icon(".. /.. /img/trabalho/yuan.png", novo BMap.Size(32, 32));
Crie uma anotação, defina a latitude e longitude da anotação, e a imagem anotada
var marker2 = novo BMap.Marker(pt, { icon: myIcon });
Adicione os pontos que precisam ser agregados ao array
marcadores.push(marcador2);
Inicializar agregação de pontos
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Nota: Os plugins de agregação de pontos existentes estão relativamente travados, você pode ir ao Baidu para procurar alguns plugins modificados por grandes nomes para usar
| 
Publicado em 07/07/2020 14:56:33
|
|
|
