Trabalhando com leaflef no Ionic 2/3

Trabalhando com leaflef no Ionic 2/3

Salve coders, venho em mais um artigo mostrar como usar um mapa no ionic, caraca véi mais um tutorial de google maps, não jovens vamos utilizar outro mapa o leaflet aonde não precisamos gerar keys desnecessárias.

Bom sem mais delongas vamos jogar.

Iniciando o projeto.

Inicialmente vamos criar um projeto branco novo.

e vamos importa o leaflet no projeto.

o HTML.

o CSS.

temos que adicionar também o arquivo css principal no arquivo index.hml sem ele o mapa não é renderizado.

 

o Código.

Tudo Funcionando.

 

Pessoal aqui está o código do projeto  no github e até a próxima.

Previous [IONIC] – Animações com Lottie Files (ng-lottie)
Next Curso grátis - Criando aplicativos robustos com Ionic

About author

You might also like

Mobile 0 Comments

Curso de Ionic 4 é lançado!

Share this on WhatsAppSe você gosta de criar aplicativos para as plataformas (Android e IOS) ou tem vontade de criar uma versão web do seu aplicativo em PWA, esse post

Mobile 0 Comments

Curso Ionic em português – Aula 10 – Consumindo serviços externos

Share this on WhatsAppAprenda como consumir serviços externos Pessoal, continuando com nossa série de vídeo aulas, hoje iremos criar um aplicativo dos Correios onde poderemos consultar um determinado CEP e

Métodos ágeis 2 Comments

Lista de dicas e cursos gratuitos em português

Share this on WhatsAppResumão de todos os cursos que passaram pelo site Hoje resolvi trazer um resumo de todos os cursos, treinamentos, vídeo aulas que foram divulgados aqui no site

2 Comments

  1. Luisandro
    dezembro 21, 15:46 Reply
    Isso vai funcionar o no IONIC 4? No celular?
  2. Luckzzz
    julho 14, 18:46 Reply
    To penando pra conseguir jogar um this.navCtrl.push(testePage) DENTRO do bindPopup... já conseguiu fazer com que ele mude de página clicando no marker???? Ta foda aqui.. me ajuda!!

Leave a Reply