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 4 Comments

[IONIC] – Animações com Lottie Files (ng-lottie)

Share this on WhatsAppOlá devs, tudo bem por aí?? Bom, a dica de hoje é bem legal e com certeza deixa nossos apps bem mais intuitivos e interessantes, pois iremos utilizar

O que é Npm, Bower, Gulp, Nuget, TypeScript e Sass?

Share this on WhatsAppVeja o que é e para que serve essas novas ferramentas! Venho hoje através deste post esclarecer o que é e para que serve as ferramentas Npm,

Mobile 0 Comments

Versão final do Ionic 4 é lançada!

Share this on WhatsAppGalera, ontem foi anunciado a versão final do nosso querido Ionic 4. Se você não sabe do que estou falando, trata-se de um framework que permite com

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