Leaflet - Quickstart

Aus Wikizone
Wechseln zu: Navigation, Suche

Grundstruktur

  1. Leaflet CSS einbinden
  2. Leaflet JS File einbinden
  3. HTML Map Div Element einbauen. Es sollte eine Höhenangabe über CSS definiert sein.
  4. Leaflet Map Objekt für das Div initialisieren. Im Beispiel wird auf
 

<html>
  <head>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" />
    <!--[if lte IE 8]>
      <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.ie.css" />
    <![endif]-->
    <script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script>
  </head>
  <body>
    <div id="map" style="height:180px;"></div>
    <script'>
    var map = L.map('map').setView([51.505, -0.09], 13);
    </script>
  </body>
</html>