Welcome

Modify this post

Working with geodata and digital maps has become increasingly relevant thanks to the global positioning system GPSen.wikipedia.org/wiki/global_positioning_system. Many applications now offer real-time geographic information online. Thus, you will find more and more digital maps and applications that work with geodata on the Internet as well.

Geodataen.wikipedia.org/wiki/geographic_data_and_information is information that has an mapping to a spatial location. Almost all data can be assigned to a location and are therefore geodata.

You are certainly reading this book because you are considering offering a digital map - most likely on a website. The basics of what I have written in this book can all be found in the documentation for Leafletleafletjs.com/reference or for the respective plugins publicly on the Internet. I have linked these documentations here in the book. Why did I write this book anyway? I wrote the book because I like to learn with examples. Often I get ideas that dry documentations don't give. Maybe you feel the same way and this book will add value to the existing documentation. The source code files for the examples used in the book can be found on the website https://github.com/astridx/leafletbeispieldateienzum_Buch/.

Also, I always find it very helpful to think outside the box. You'll find a few such outside-the-box looks here in the book. If you're interested, you can look a little deeper into the world of geographic coordinates with me. I'll also explain the different techniques in creating the graphics for the digital maps. I'll also take a closer look with you at GeoJSON, beyond just its pure use. I'll show you how to add a personal touch to the map with custom markers. Besides these basic elements, the visualization of the data with heatmaps, geocoding and routing are not missed out.

Important things about the book

I explain here step by step everything I consider important around Leaflet - that is, everything you need as a developer to be able to work creatively.

I hope you like my way of writing. Personally, I would have liked to have this very same book to get started with Leaflet.

What is Leaflet?

Leaflet is an open source JavaScript libraryhttps://de.wikipedia.org/w/index.php?title=javascript_object_notation that makes it easy for you to provide maps on your website. Open Sourceen.wikipedia.org/wiki/open_source means, among other things, that the program code is visible. Anyone with the necessary knowledge can check how exactly the application works. And more importantly, anyone can use Leaflet, adapt it to their needs and improve it.

What do you have to do if you want to use Leaflet on your website? Basically, you only need to include two files - a JavaScript file and the corresponding CSS file. I explain exactly how to do this in the first part of this text.

Including the files gives you access to a number of functions. With the help of these functions you can easily integrate a digital map on your website. Leaflet supports all modern browsers - including mobile versions. This means that you can use your map pretty much anywhere.

Leaflet itself focuses on ease of use and performance. It is also important to the developers of Leaflet that the JavaScript library can be easily extended by other developers with a plugin. The programming interface is very well documented. As an extension programmer, you don't have to reveal any secrets to successfully extend Leaflet with a plugin. This is, in my opinion, one of Leaflet's most significant strengths.

Out-of-the-box, Leaflet lets you display markers, popups, lines and shapes on different layers on your map. You can zoom, calculate distances and push the centre of the map to specific coordinates.

Todo Vorteil in bezug zu vectorkacheln

Was sollten Sie mitbringen?

Ich gehe davon aus, dass Sie über grundlegende HTMLhttps://de.wikipedia.org/w/index.php?title=html5 und CSShttps://de.wikipedia.org/w/index.php?title=cascading_style_sheets Kenntnisse verfügen. Sie sollten auf alle Fälle wissen, wie Sie CSS und ein JavaScript-Skript in ein HTML-Dokument einbinden und wie Sie mit einfachen HTML-Elementen arbeiten.

CSS ist eine Stylesheet-Sprache für digitale Dokumente. Stylesheet-Sprachen werden verwendet, um Dokumente und Benutzeroberflächen zu gestalten. Dabei ist ein Stylesheet mit einer Formatvorlagehttps://de.wikipedia.org/w/index.php?title=formatvorlage zu > vergleichen. Grundidee hierbei ist die Trennung von Dateninhalten und Design. Zusammen mit HTML und dem DOMhttps://wiki.selfhtml.org/index.php?title=javascript/dom ist CSS eines der wichtigsten Elemente im Internet. CSS ist ein so genannter lebendiger Standard und wird vom W3Cwww.w3.org/ und dem WHATWGwhatwg.org permanent weiterentwickelt.

HTMLde.wikipedia.org/w/index.php?title=html5 ist eine textbasierte Auszeichnungssprache zur Strukturierung digitaler Dokumente wie Texte mit Hyperlinks, Bildern und anderen Inhalten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von Webbrowsern dargestellt.

Für das Verständnis der Beispiele sind darüber hinaus grundlegende JavaScriptde.wikipedia.org/w/index.php?title=javascript_object_notation Kenntnisse hilfreich. Für die Entwicklung dynamischer Webseiten ist JavaScript unerlässlich.

Mit JavaScriptde.wikipedia.org/w/index.php?title=javascript_object_notation lassen sich kleine Hilfsroutinen und auch komplexen Bibliotheken schreiben.

Modify this post

Comments