palabras escritas delante
El proyecto de la empresa necesita implementar la función de agregación de puntos de marcador de mapa en el subprograma WeChat. Baidu buscó mucho sin éxito, por lo que se dio cuenta por sí mismo.
El
código de muestra del efecto final me indica que obtenga
idea principal
- El atributo de llamada en la etiqueta del marcador se usa para mostrar la cantidad de puntos de agregación
- Cuando se hace clic en el punto de agregación, el mapa se ampliará centrado en el punto de agregación y no es necesario volver a solicitar la interfaz de fondo.
- Divida el mapa en cuadrículas pequeñas una por una según el nivel de zoom de la escala del componente del mapa y calcule la cantidad de puntos de marcador en las cuadrículas pequeñas
- Dado que el subprograma no puede manejar una gran cantidad de datos como la página web, para mejorar la experiencia del usuario, los datos del último marcador se almacenan en caché cuando se amplía el estado del mapa o se reduce el rango, y no hay necesidad de solicitar el fondo interfaz
archivo clave js
- MapUtil.js (a juzgar si está en el estado de zoom, formateado en datos de marcador de tipo de agregación de mapas de acuerdo con los datos de la interfaz de fondo, etc.)
- ZjMarker.js (clase base de puntos de creación, creación de marcador único y marcador agregado de acuerdo con parámetros simples)
Implementación
MapUtil.js