Usando Uniapp (Android) Baidu Map
El proyecto de la compañía tiene funciones de posicionamiento y visualización de mapas. Pensé que sería muy fácil usar uniapp. Debería haber espacio listo para usar. Fui al mercado de complementos y descubrí que la mayoría. Los complementos son para H5. Para aplicaciones, hay muy pocos trucos o necesita gastar dinero, por lo que puede implementarlo usted mismo.
Los proyectos anteriores de la compañía usaban Baidu Maps, por lo que uniapp solo podía usar Baidu Maps, pero mirando los documentos oficiales: no existe Baidu Maps.
Busqué mucho en Internet y descubrí que necesito usar una base personalizada para usarlo, por lo que solo puedo usar la base personalizada para ver el efecto.
1. Primero aplique a Baidu Map Developer Platform
Esto es principalmente para operar en el lado de Android (el nombre del paquete aquí es el mismo que el nombre del paquete para crear la base a continuación )
2. Después de aplicar, configúrelo en manifest.json en Hbuilder
3. Haga la base
Recuerde: el nombre del paquete de Android debe ser consistente con el de Baidu Map Development Platform
1. Posicionamiento
1. Crea la clase fun.js para obtener posicionamiento
2. Introducirlo en la clase principal main.js
3 . Usado en clases requeridas
Resultados de salida:
2. Visualización del mapa
Al principio, siempre Intenté averiguar si Baidu Map es adecuado para uniapp. Existe una API separada para esta plataforma, pero desafortunadamente no. Después de la introducción de Baidu Maps, el componente del mapa se puede mostrar directamente llamando al componente del mapa proporcionado por uniapp, pero muchos atributos no son compatibles y no se pueden encontrar los documentos de procesamiento relevantes. De ninguna manera, busqué en línea. La mayoría de las soluciones introducen dinámicamente el marco Baidu Map JavaScript API GL para su visualización.
Aquí, debemos solicitar una clave de desarrollo front-end web en Baidu Map Developer Platform
1. Baidu Map Developer Control Platform para crear aplicaciones web
2. Cree una clase de script map.js que presente dinámicamente Baidu Maps
3. Úselo (aquí se usa renderjs), recuerde consultar los documentos relacionados con la API GL de JavaScript si necesita abrir un documento
4. Efecto de operación
De esta manera, el posicionamiento y la visualización del mapa se completan básicamente. Si necesita funciones más complejas, solo puede consultar los documentos oficiales de Baidu. /p>