はてなブックマーク

Today marks the final release of Leaflet 1.0. It’s a culmination of several years of work by dozens of contributors from all over the world. This is the fastest, most stable and polished Leaflet release ever. The changelog contains over 400 changes compared to the previous stable, v0.7.7. The highlights include: Huge performance improvements in all aspects of the library and vector layers in parti

an open-source JavaScript library for mobile-friendly interactive maps Leaflet Plugins database While Leaflet is meant to be as lightweight as possible, and focuses on a core set of features, an easy way to extend its functionality is to use third-party plugins. Thanks to the awesome community behind Leaflet, there are literally hundreds of nice plugins to choose from.

Layer Groups Let’s suppose you have a bunch of layers you want to combine into a group to handle them as one in your code: var littleton = L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.'), denver = L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.'), aurora = L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.'), golden = L.marker([39.77, -105.23]).bindPopup('This is Gol

an open-source JavaScript library for mobile-friendly interactive maps ← Tutorials Interactive Choropleth Map This is a case study of creating a colorful interactive choropleth map of US States Population Density with the help of GeoJSON and some custom controls (that will hopefully convince all the remaining major news and government websites that do not use Leaflet yet to start doing so). The tu

an open-source JavaScript library for mobile-friendly interactive maps ← Tutorials Leaflet on Mobile In this example, you’ll learn how to create a fullscreen map tuned for mobile devices like iPhone, iPad or Android phones, and how to easily detect and use the current user location. Preparing the page First we’ll take a look at the HTML & CSS code of the page. To make our map div element stretch t

an open-source JavaScript library for mobile-friendly interactive maps Leaflet API reference This reference reflects Leaflet 1.9.4. Check this list if you are using a different version of Leaflet.

an open-source JavaScript library for mobile-friendly interactive maps GeoJSON is a very popular data format among many GIS technologies and services — it's simple, lightweight, straightforward, and Leaflet is quite good at handling it. In this example, you'll learn how to create and interact with map vectors created from GeoJSON objects. About GeoJSON According to GeoJSON Specification (RFC 7946)

an open-source JavaScript library for mobile-friendly interactive maps ← Tutorials Leaflet Quick Start Guide This step-by-step guide will quickly get you started on Leaflet basics, including setting up a Leaflet map, working with markers, polylines and popups, and dealing with events. Preparing your page Before writing any code for the map, you need to do the following preparation steps on your pa

an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b