Como integrar/usar Google Maps con React

Acabo de terminar un proyecto en React en el cual tenía que usar Google Maps. Como siempre, lo que tienes pensado hacer/integrar en tu web/proyecto ya hay alguien que lo ha hecho antes por lo que lo más sensato era poner en Google Google Maps react, obviamente la búsqueda me trajo algunas repos de Github donde ya estaba todo hecho. Solo le vi una pega, demasiadas dependencias y poco mantenimiento en algunas (como muchísimasss repos de Github).

https://www.npmjs.com/package/google-maps-react

https://www.npmjs.com/package/react-google-maps

https://www.npmjs.com/package/react-google-map

https://www.npmjs.com/package/google-map-react, la más actualizada

No le quiero quitar ningún mérito al trabajo realizado por esos devs, pero en si solo quería añadir un simple mapa!!

Al final entre tutoriales y Stackoverflow conseguí renderizar el mapa sin errores en la consola y con tan solo una dependencia extra a mi proyecto.

https://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/

https://www.codementor.io/thomastuts/integrate-google-maps-api-react-refs

Aquí os dejo el gist y la repo donde lo he implementado

Haciendo copy/paste dudo que funcione, para ver el uso correcto mira en github :) Esta es la web donde lo he implementado Residenciaergos.com

comments powered by Disqus