{"id":8100,"date":"2019-04-04T15:30:17","date_gmt":"2019-04-04T18:30:17","guid":{"rendered":"http:\/\/www.fernandoquadro.com.br\/html\/?page_id=8100"},"modified":"2024-09-17T18:30:25","modified_gmt":"2024-09-17T21:30:25","slug":"leaflet","status":"publish","type":"page","link":"https:\/\/www.fernandoquadro.com.br\/html\/leaflet\/","title":{"rendered":"Leaflet"},"content":{"rendered":"

O Leaflet<\/a> \u00e9 uma biblioteca JavaScript (open source) usada para criar aplicativos de mapeamento na web. Lan\u00e7ado em 2011 por Vladimir Agafonkin<\/a>, ela suporta a maioria das plataformas m\u00f3veis e de desktop, suportando HTML5 e CSS3.<\/p>\n

Junto com o OpenLayers<\/a> e a API do Google Maps , \u00e9 uma das bibliotecas de mapeamento JavaScript mais populares e \u00e9 usada pelos principais sites da web, como o FourSquare<\/a>, o Pinterest<\/a> e o Flickr<\/a>.<\/p>\n

\"\"<\/center><\/p>\n

O Leaflet permite que os desenvolvedores sem um background em GIS exibam facilmente mapas na Web, com sobreposi\u00e7\u00f5es de camadas. Ele pode carregar dados de recursos de arquivos GeoJSON, estiliz\u00e1-los e criar camadas interativas, com marcadores com pop-ups.<\/p>\n

Se voc\u00ea est\u00e1 a procura de material sobre o Leaflet (v 1.4.0), veja os links a seguir:<\/p>\n

– Introdu\u00e7\u00e3o ao Leaflet \u2013 Parte 1<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Adicionando Marcador<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Trilhas com GeoJSON<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Basemaps e Overlays<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Trabalhando com Features<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Geopackage<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Coordenadas<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Zoom<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Calculando dist\u00e2ncia<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Adicionando link<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Plugins<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 QGIS<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Estilos<\/a>
\n – Introdu\u00e7\u00e3o ao Leaflet \u2013 Sobreposi\u00e7\u00e3o de imagens<\/a>
\n – Criando uma timeline com o Leaflet<\/a>
\n – Criando um heatmap com o Leaflet<\/a>
\n – Representando linhas de \u00f4nibus no Leaflet<\/a>
\n – Como utilizar o Cluster Marker no Leaflet
\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

O Leaflet \u00e9 uma biblioteca JavaScript (open source) usada para criar aplicativos de mapeamento na web. Lan\u00e7ado em 2011 por Vladimir Agafonkin, ela suporta a maioria das plataformas m\u00f3veis e de desktop, suportando HTML5 e CSS3. Junto com o OpenLayers… Continue Reading →<\/a><\/p>\n","protected":false},"author":275,"featured_media":8103,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8100","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/8100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/users\/275"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/comments?post=8100"}],"version-history":[{"count":17,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/8100\/revisions"}],"predecessor-version":[{"id":8289,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/8100\/revisions\/8289"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media\/8103"}],"wp:attachment":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media?parent=8100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}