Skip to content

Map Wizard é um sistema abrangente para gerenciamento de locais com integração ao Google Maps. Ele permite aos usuários criar, atualizar, visualizar e excluir locais, além de fornecer direções usando a API do Google Maps. O sistema é projetado para ser amigável e incorpora recursos como filtragem de locais e gerenciamento da chave da API do Google.

Notifications You must be signed in to change notification settings

sandrofpaula/map-wizard-node

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Aqui está um exemplo detalhado de um arquivo README para o seu sistema em Node.js:


Map Wizard

Descrição

Map Wizard é um sistema abrangente para gerenciamento de locais com integração ao Google Maps. Ele permite aos usuários criar, atualizar, visualizar e excluir locais, além de fornecer direções usando a API do Google Maps. O sistema é projetado para ser amigável e incorpora recursos como filtragem de locais e gerenciamento da chave da API do Google.

Principais Recursos

  • Operações CRUD: Crie, leia, atualize e exclua facilmente entradas de locais.
  • Integração com Google Maps: Exiba locais no Google Maps e forneça direções.
  • Filtragem de Locais: Filtre locais por ID, nome, endereço ou coordenadas.
  • Gerenciamento de Chave da API: Atualize facilmente sua chave da API do Google através da interface do usuário.
  • Design Responsivo: Utiliza Bootstrap para um design moderno e responsivo.

Estrutura do Projeto

map-wizard-node
│
├── config
│   └── db.json
├── controllers
│   └── mapController.js
├── models
│   └── mapModel.js
├── public
│   ├── css
│   │   └── styles.css
│   └── js
│       └── initMap.js
├── routes
│   └── mapRoutes.js
├── views
│   ├── partials
│   │   └── form.ejs
│   ├── apiKey.ejs
│   ├── create.ejs
│   ├── edit.ejs
│   ├── index.ejs
│   └── view.ejs
├── .gitignore
├── app.js
└── package.json

Instalação

  1. Clone o repositório:

    git clone https://github.com/sandrofpaula/map-wizard-node.git
    cd map-wizard-node
  2. Instale as dependências:

    npm install
  3. Configure a chave da API do Google Maps em config/db.json:

    {
        "google_api_key": "YOUR_GOOGLE_API_KEY",
        "mapas": [
            {
                "id": 1,
                "nome": "Zoológico Do Cigs",
                "endereco": "Zoológico Do Cigs - São Jorge, Manaus - AM, Brasil",
                "localizacao": "-3.1019777,-60.0450049"
            },
            {
                "id": 2,
                "nome": "Arena da Amazônia",
                "endereco": "Arena da Amazônia - Avenida Constantino Nery - Flores, Manaus - AM, Brasil",
                "localizacao": "-3.0832457,-60.0281392"
            }
        ]
    }

Uso

  1. Inicie o servidor:

    node app.js
  2. Abra seu navegador e acesse http://localhost:3000.

Funcionalidades

  • Criar Local

    • Navegue para http://localhost:3000/create
    • Preencha o formulário com os detalhes do local e clique em "Salvar".
  • Editar Local

    • Navegue para http://localhost:3000/edit/:id
    • Atualize os detalhes do local e clique em "Atualizar".
  • Visualizar Local

    • Navegue para http://localhost:3000/view/:id
    • Veja os detalhes do local e visualize sua localização no mapa.
  • Excluir Local

    • Navegue para http://localhost:3000
    • Clique em "Excluir" ao lado do local que deseja remover.
  • Gerenciar Chave da API do Google Maps

    • Navegue para http://localhost:3000/editApiKey
    • Atualize a chave da API do Google e clique em "Salvar".

Estrutura do Código

app.js

Arquivo principal que configura o servidor Express, configurações de middleware e define as rotas.

config/db.json

Arquivo JSON que contém a chave da API do Google Maps e os dados dos locais.

controllers/mapController.js

Controlador que contém as funções para lidar com as operações CRUD e gerenciamento da chave da API do Google.

models/mapModel.js

Modelo que lida com a leitura e gravação de dados no arquivo config/db.json.

routes/mapRoutes.js

Define as rotas para o sistema, mapeando URLs para funções de controlador.

views/

Contém arquivos EJS para renderização das páginas HTML. Inclui formulários para criar e editar locais, visualizar detalhes de locais, e gerenciar a chave da API do Google.

public/

Contém arquivos estáticos como CSS e JavaScript.

Como Configurar a API Key do Google Maps

  1. Acesse o Google Cloud Console (abre em uma nova aba).
  2. Crie um novo projeto ou selecione um projeto existente.
  3. Habilite a API "Maps JavaScript API".
  4. Navegue até "APIs & Services" > "Credentials".
  5. Crie uma nova chave de API e copie-a.
  6. Cole a chave de API no arquivo config/db.json no campo google_api_key.

Para mais informações, entre em contato com Linkedin (abre em uma nova aba).

About

Map Wizard é um sistema abrangente para gerenciamento de locais com integração ao Google Maps. Ele permite aos usuários criar, atualizar, visualizar e excluir locais, além de fornecer direções usando a API do Google Maps. O sistema é projetado para ser amigável e incorpora recursos como filtragem de locais e gerenciamento da chave da API do Google.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published