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

Flutter – Conhecendo o SDK mobile do Google

Share this on WhatsAppOlá pessoal, beleza? Há cerca de 3 anos venho me dedicando fortemente ao desenvolvimento mobile com o Ionic Framework. Porém, há 5 ou 6 meses uma nova

Mobile 0 Comments

Criando estiloso SearchBar com ViewChild

Share this on WhatsAppOlá pessoal, tudo tranquilo? Bom, hoje mostrarei como adicionar um Search Bar em sua aplicação, mas não é qualquer Search Bar, vamos fazer ela aparecer e desaparecer ao

Mobile 5 Comments

[IONIC] – Criação e Validação de Forms com FormBuilder e Validators

Share this on WhatsAppOlá galera, tudo bem com vocês? A dica de hoje é bastante útil em qualquer aplicação, vou ensinar a vocês como utilizar facilmente o FormBuilder e o

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