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

Criando Componente Accordion List com Ionic 3

Share this on WhatsAppOlá Galera.. tudo tranquilo? Sou novo por aqui e hoje vou trazer uma dica para deixar sua aplicação mobile um pouco mais intuitiva para o usuário, criando

Mobile 0 Comments

Bomba! Xamarin agora permite desenvolver para iOS sem mesmo ter um Mac!

Share this on WhatsAppO Xamarin Live permite aos desenvolvedores implantar, testar e depurar seus aplicativos diretamente em dispositivos iOS e Android. Para isso basta instalar o aplicativo Xamarin Live Player

Mobile 2 Comments

[IONIC] – Custom Loader

Share this on WhatsAppOlá galera, tranquilo? Primeiro, desejo a vocês um grande Ano Novo, muita saúde, sabedoria e sucesso na jornada de todos. Bom, a dica de hoje é bem legal.

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