Se chegou o momento de utilizar mapas em sua aplicação a primeira dúvida é qual plugin utilizar. Hoje trago uma excelente alternativa que é totalmente gratuita, o Leaflet.
O Leaflet é a principal biblioteca JavaScript de código aberto para mapas interativos compatíveis com dispositivos móveis. Pesando apenas cerca de 42 KB de JS , ele possui todos os recursos de mapeamento que a maioria dos desenvolvedores precisa. O plugin foi projetado com simplicidade , desempenho e usabilidade em mente.
O Leaflet funciona de forma eficiente em todas as principais plataformas de desktop e móveis, pode ser estendido com muitos plug-ins , possui uma API bonita, fácil de usar e bem documentada e um código-fonte simples e legível com o qual é uma alegria contribuir .
Tutorial passo a passo em vídeo
Preparei um tutorial passo a passo de como utilizar essa biblioteca com aplicações Vue 3. Confira abaixo o vídeo:
Tutorial com Vue.js 2
Caso você esteja buscando uma alternativa para utilizar em aplicações Vue 2, também pode verificar neste tutorial no Youtube em meu canal:
Caso tenha dúvidas, deixe nos comentários dos vídeos.
Até breve!
Github: https://github.com/patrickmonteiro/quasar-pontos-turisticos
Confira produtos recomendados da Amazon Brasil. Seleção especial com ofertas e novidades em eletrônicos, casa, games e muito mais!
Mouse com Fio Classic 1200DPI Cabo de 120cm 3 Botões Preto Multi (Multilaser) - MO300
R$ 8,42 (as of 18 de maio de 2025 14:08 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Galaxy Tab S9 FE, Grafite, 10.9", Wifi, 128 GB, 6 GB RAM, Câmera Principal 8MP, Câmera Frontal 12 MP UW
R$ 2.799,90 (as of 18 de maio de 2025 14:08 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
