Uso de Baidu Land en uso básico de React
? Baidu Map JavaScript API es un conjunto de interfaces de programación de aplicaciones escritas en lenguaje JavaScript. Puede ayudarlo a crear aplicaciones de mapas altamente interactivas y ricas en funciones en su sitio web. Admite el desarrollo de aplicaciones de mapas basadas en navegador en PC y terminales móviles. admite el desarrollo de mapas destacados HTML5.
? La API JavaScript de Baidu Maps admite HTTP y HTTPS, es gratuita, está abierta al público y se puede utilizar directamente. No hay límite para la cantidad de veces que se puede utilizar una interfaz. Debe solicitar una clave (ak) antes de su uso. Antes de utilizar la API de JavaScript de Baidu Map, lea los Términos de uso de la API de Baidu Map. Utilice cualquier aplicación sin fines de lucro directamente; consulte las instrucciones para aplicaciones comerciales.
? Primero, agregue el siguiente contenido a index.html:
? Luego, móntalo sobre el andamio. Si utiliza webpack para empaquetar, agregue la siguiente configuración en webpack.base.config.js.
? Finalmente, haga referencia a él en el componente:
1. ¿Inicializar el mapa
? Aquí, el componente MapBD se utiliza para encapsular el mapa de Baidu. El mapa de Baidu js se importa en el componente y el método de inicialización se llama en esto. carga asíncrona (): esto.
2. ¿Agregar controles
? Controles proporcionados por Baidu Maps:
? Añade tu propio control de posicionamiento:
? Nota: Algunas puertas de enlace de la empresa desactivarán la interfaz de posicionamiento del mapa de Baidu, lo que provocará un error en el posicionamiento.
3. Función de posicionamiento personalizado
? Los controles de posicionamiento que vienen con Baidu Maps generalmente no cumplen con los requisitos de la interfaz de usuario y requieren que usted personalice los controles y funciones de posicionamiento.
4. Búsqueda inteligente
? Recupere direcciones de Baidu Maps según los nombres de lugares.
¿Agregar mantillo
? Puede agregar una portada a un mapa usando el método map.addOverlay y eliminarla usando el método map.removeOverlay. Tenga en cuenta que este método no funciona con InfoWindow.
? Baidu Map API admite la adición de superposiciones, pero cuando se utilizan íconos personalizados, generalmente es necesario establecer el desplazamiento.
Continuará.....