Google Maps Integration into React.js Project

Estoy buscando integrar Google Maps en mi proyecto React.js ya iniciado. La integración debe atender a dos pantallas y funcionalidades específicas. 1. La primera pantalla debe mostrar cuatro ubicaciones específicas en el mapa, cada una con un marcador personalizado. La información de estas ubicaciones debe obtenerse de mi base de datos, que es Prisma. 2. La segunda pantalla debe permitir al usuario registrar una dirección de inicio y finalización (usando una función de autocompletar). Esta pantalla debe calcular la distancia y la duración del viaje, además de mostrar el mapa y las ubicaciones marcadas. En términos de marcadores personalizados, deben ser un pequeño logotipo con una descripción. Los datos del mapa deben actualizarse cuando: - La página se carga por primera vez - El usuario interactúa con la función de autocompletar y registra información Las habilidades ideales para este proyecto incluirían: - Competente en React.js y Prisma - Experiencia con la API de Google Maps - Comprensión de las funciones de mapeo personalizadas - Capacidad para implementar actualizaciones de datos en tiempo real