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

Como rodar aplicativo android no celular e debugar pelo browser do PC

Share this on WhatsAppUma dúvida muito comum dos desenvolvedores Ionic é a depuração remota de dispositivos Android.Neste artigo eu irei lhe ensinar como rodar seu aplicativo Ionic no celular e

Mobile 0 Comments

Curso básico sobre XAML para iniciantes

Share this on WhatsAppCurso básico sobre XAML Uma das grandes dificuldades para quem esta iniciando o processo de desenvolvimento de aplicações universais para Windows e Windows Phone, é a manipulação

Mobile 0 Comments

Curso Ionic em português – Aula 11 – Melhorando performance com Cache

Share this on WhatsAppAprenda como melhorar a performance de seu aplicativo Pessoal, continuando com nossa série de vídeo aulas, hoje iremos utilizar uma técnica que irá melhorar e muito a

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