Introduction du fichier API Baidu Maps
<script type="text/javascript » src="http://api.map.baidu.com/api?v=3.0&ak=your key » ></script>
Créez une instance de carte et définissez des propriétés de base
fonction huaLine(id, sj, numSelect) {
Fonction API de Baidu Map
map = new BMap.Map(id, { mapType : BMAP_HYBRID_MAP }) ; Créer des instances de carte, mélanger des cartes, à la fois des coordonnées et des cartes satellites
map.centerAndZoom (nouveau BMap.Point (104.06, 30.67), 5) ; Initialisez la carte, définissez les coordonnées du point central et le niveau de la carte
map.enableScrollWheelZoom (true) ; Activez le zoom de la molette de la souris
Présentation du plug-in d’agrégation de points de cartes Baidu
<script type=« texte/javascript » SRC=« http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js »></script>
<script type=« texte/javascript » SRC=« http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js »></script>
Créez des dimensions personnalisées pour implémenter l’agrégation de points
Créez un tableau
Marqueurs var = [] ;
Créer un point avec les coordonnées x et y en pixels
var pt = nouveau point BMap.(longitude, latitude) ;
Définissez l’icône de l’étiquette et modifiez la taille de l’image importée
var myIcon = new BMap.Icon(".. /.. /img/work/yuan.png", nouveau BMap.Size(32, 32)) ;
Créez une annotation, définissez la latitude et la longitude de l’annotation, ainsi que l’image annotée
var marker2 = new BMap.Marker(pt, { icon : myIcon }) ;
Ajoutez les points à agréger au tableau
marqueurs.push(marqueur2) ;
Initialisation de l’agrégation de points
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers :markers}) ;
Note : Les plugins d’agrégation de points existants sont relativement bloqués, vous pouvez aller sur Baidu pour chercher des plugins modifiés par des gros bonnets à utiliser
| 
Publié sur 07/07/2020 14:56:33
|
|
|
