EEMovel Map

A EEMovel Map é uma biblioteca que visa atender as necessidades de produto da EEMovel como empresa. A EEMovel Map surgiu de uma necessidade de centralizar e acabar/reduzir com a repetição de código que estava ocorrendo ou que poderia vir a ocorrer em seus produtos. A EEMovel Map veio para centralizar uma classe comum em todos os seus outros produtos. Essa classe é a classe de mapas, uma vez que o uso de mapa na parte de frontend é algo que está arraigado em todos os produtos EEMovel de alguma forma, seja ela mais minimalista e simples até uma mais completa, robusta e complexa.

Contexto de contrução da EEMovel Map

Como já mencionado antes, pelo fato desta biblioteca ter surgido com o viés de sanar e evitar futuros problemas internos das aplicações da EEMovel como empresa atrelado ao fato de que seus produtos estão escrito em React, esta biblioteca foi desenvolvida com o mesmo propósito e linguagem.

Instalação

Para a instalação da última versão da EEMovel Map Library:

yarn add eemovel-map@latest
ou
npm install eemovel-map@latest

Uso

caso haja a necessidade de se instalar uma versão expecífica, troque a palavra-chave latest pelo número da versão desejada.

Em seu projeto, para poder utilizar um cluster do mapa do google e outras diversas funcionalidades que esta biblioteca oferece, basta primeiramente que você certifique-se que já tem a variável de ambiente do google maps como variável de ambiente para o seu projeto sob o nome de REACT_APP_GOOGLE_MAP_KEY.

Após, instancie essa variável de ambiente em uma variável de estado em sua aplicação e injete ela no mapa do componente, como mostra o exemplo abaixo:

...
const GOOGLE_MAP_KEY = process.env.REACT_APP_GOOGLE_MAP_KEY;
...
return (
  ...
  <Maps GOOGLE_MAP_KEY={GOOGLE_MAP_KEY as string} />
  ...
)
...

*Esse seria a forma mínima de utilização do mapa em qualquer aplicação.

Desta forma assim poderá ter acesso aos recursos aqui disponibilizados.