examples.md (Leaflet-1.8.0) | : | examples.md (Leaflet-1.9.0) | ||
---|---|---|---|---|
skipping to change at line 15 | skipping to change at line 15 | |||
--- | --- | |||
## Leaflet Tutorials | ## Leaflet Tutorials | |||
Every tutorial here comes with step-by-step code explanation and is easy enough even for beginner JavaScript developers. | Every tutorial here comes with step-by-step code explanation and is easy enough even for beginner JavaScript developers. | |||
{% include tutorial_link.html | {% include tutorial_link.html | |||
page="quick-start/" | page="quick-start/" | |||
thumbnail="quick-start/thumbnail.png" | thumbnail="quick-start/thumbnail.png" | |||
title="Leaflet Quick Start Guide" | title="Leaflet Quick Start Guide" | |||
description="A simple step-by-step guide that will quickly get you started with Leaflet basics, including setting up a Leaflet map (with Mapbox tiles) on your p age, working with markers, polylines and popups, and dealing with events." | description="A simple step-by-step guide that will quickly get you started with Leaflet basics, including setting up a Leaflet map (with OpenStreetMap tiles) on your page, working with markers, polylines and popups, and dealing with events. " | |||
%} | %} | |||
{% include tutorial_link.html | {% include tutorial_link.html | |||
page="mobile/" | page="mobile/" | |||
thumbnail="mobile/thumbnail.png" | thumbnail="mobile/thumbnail.png" | |||
title="Leaflet on Mobile" | title="Leaflet on Mobile" | |||
description="In this tutorial, you'll learn how to create a fullscreen map tuned for mobile devices like iPhone, iPad or Android phones, and how to easily detec t and use the current user location." | description="In this tutorial, you'll learn how to create a fullscreen map tuned for mobile devices like iPhone, iPad or Android phones, and how to easily detec t and use the current user location." | |||
%} | %} | |||
{% include tutorial_link.html | {% include tutorial_link.html | |||
skipping to change at line 89 | skipping to change at line 89 | |||
%} | %} | |||
{% include tutorial_link.html | {% include tutorial_link.html | |||
page="map-panes/" | page="map-panes/" | |||
thumbnail="map-panes/thumbnail.png" | thumbnail="map-panes/thumbnail.png" | |||
title="Working with map panes" | title="Working with map panes" | |||
description="How the default map panes work to display overlays on top of tiles, and how to override that." | description="How the default map panes work to display overlays on top of tiles, and how to override that." | |||
%} | %} | |||
{% include tutorial_link.html | {% include tutorial_link.html | |||
page="video-overlay/" | page="overlays/" | |||
thumbnail="video-overlay/thumbnail.gif" | thumbnail="overlays/thumbnail.gif" | |||
title="Showing video files" | title="Overlays: Image, Video, SVG" | |||
description="Leaflet can help you display videos somewhere on the map." | description="Leaflet can help you display images, videos and SVG elements somewh | |||
ere on the map." | ||||
%} | %} | |||
*** | *** | |||
The following tutorials cover how to create plugins for Leaflet, and are intende d only for developers experienced in JavaScript: | The following tutorials cover how to create plugins for Leaflet, and are intende d only for developers experienced in JavaScript: | |||
{% include tutorial_link.html | {% include tutorial_link.html | |||
page="extending/extending-1-classes.html" | page="extending/extending-1-classes.html" | |||
thumbnail="extending/thumbnail-1.png" | thumbnail="extending/thumbnail-1.png" | |||
title="Extending Leaflet: Class Theory" | title="Extending Leaflet: Class Theory" | |||
End of changes. 2 change blocks. | ||||
5 lines changed or deleted | 6 lines changed or added |