0
157
ViewsEl estilo Markerclusterplus no se centrará
estoy usando este paquete npm
https://github.com/googlemaps/js-markerclustererplus
Estoy tratando de centrar el estilo y así es como.
let clusterStyle = { textColor: 'white', textSize: 14, url: iconBase + 'pin-cluster-store.png', width: 45, height: 49 } let mc = new MarkerClusterer(map,mapMarkers, { maxZoom: 15, gridSize: 50, styles: clusterStyles });Así es como se ve
Quiero que sea el centro del círculo. Cuando agrego padding-top 16px en la consola, funciona bien. Pero cuando lo agrego programáticamente en el "estilo de clúster" no pasa nada
1 answers
Answer question0
Deberá ajustar los anclajes. https://googlemaps.github.io/js-markerclustererplus/interfaces/ClusterIconStyle.html
AnchorIcon?: [número, número]
La posición del ancla (en píxeles) del icono del grupo. Este es el lugar en el icono del grupo que debe alinearse con la posición del grupo. El formato es [yoffset, xoffset] donde yoffset aumenta a medida que avanza hacia abajo y xoffset aumenta a la derecha de la esquina superior izquierda del icono. La posición de anclaje predeterminada es el centro del icono del clúster.
texto de anclaje?: [número, número]
La posición (en píxeles) desde el centro del icono del clúster hasta donde se centrará y dibujará la etiqueta de texto. El formato es [yoffset, xoffset] donde yoffset aumenta a medida que desciende desde el centro y xoffset aumenta a la derecha del centro. El valor predeterminado es [0, 0].