React-Native-IOS usa Gaudí.
Puedes visualizar el mapa de Amap, y el proceso de configuración es muy sencillo. Simplemente ejecute los siguientes dos comandos. Cuando se ejecuta, el mapa en el simulador se muestra en inglés, mientras que el mapa en la máquina real se muestra en caracteres chinos, pero el estilo parece un poco extraño. No sé si la versión es antigua o no.
Aunque esta dependencia muestra el mapa de Amap, después de estos experimentos de instalación del mapa de Amap, siento que esta dependencia es extraña. (1) No vi los archivos MAMapKit.framework, AMapFoundationKit.framework y Amapsearchkit.framework relacionados con Amap (2) No se configuró ningún valor de clave alto. Personalmente, creo que en el archivo react-native-maps/IOs/airmaps/airmapmanager.m, la línea 31 debería ser el lugar donde se ingresan los valores clave altos.
En ios se puede configurar según la documentación, es decir, vinculación manual. Primero ejecuto el enlace automático reaccionar-nativo enlace reaccionar-nativo-inteligente-AMAP y luego lo configuro de acuerdo con el archivo de descripción. Hay dos puntos a tener en cuenta:
Los resultados de la ejecución se muestran en la siguiente figura. La ubicación no tiene coordenadas marcadas en el mapa. Revisé la lista de preguntas y vi que también se hizo esta pregunta. Supongo que es un problema de dependencia. Revisé el código fuente de la dependencia para averiguarlo. Encontré los archivos 422, 423 y 423 en el archivo React-Native-Smart-Amap/IOS/RCT Amap/RCT Amap/RCT Amap/RCT Amap Manager. m incluido.
Las anteriores son todas configuraciones en iOS, y también hay cosas a las que prestar atención en el lado de Android. El artículo anterior sobre el uso de Amap con React-Native-android ya habló sobre el uso de Amap en Android. Si desea utilizar la dependencia de reaccionar-native-smart-amap en Android para mantener la coherencia, debe eliminar la configuración de reaccionar-native-amap-android en android/setting.gradle, android/app/build.gradle, MainApplication. java y luego Configure react-native-smart-amap de acuerdo con la documentación; de lo contrario, se informarán dos errores.
El primer error es como se muestra a continuación, la solución es publicar el org.gradle.JVM args=-xmx 2048m-xx:maxperm size=512m-xx anotado en el archivo gradle.properties: heapumponotofmemoryerror- codificación dfile = utf-8.
El segundo error, como se muestra en la figura siguiente, se debe a un conflicto de paquete porque ya existe una dependencia en un determinado mapa de Amap. La solución es eliminar la configuración de react-native-amap-android en android/setting.gradle, android/app/build.gradle y MainApplication.java, dejando solo la configuración del mapa AMAP.
Y Android también tiene el problema de que no se muestra la etiqueta de ubicación.
Debe liberar el comentario de 202 líneas en el archivo Java react-native-smart-Amap/Android/src/main/react ive componente/Amap/rctamapview y aparecerá la etiqueta de ubicación en el mapa, como se muestra en la imagen. figura a continuación.
En iOS, aún necesita ejecutar reaccionar-nativo enlace reaccionar-nativo-inteligente-AMAP-ubicación para el enlace automático y luego configurarlo de acuerdo con el archivo de descripción. Sólo los siguientes elementos necesitan atención: