Leaflet Circle/-Marker

by falkedesign

HTML

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
    <script src="//unpkg.com/[email protected]/dist/leaflet.js"></script>
  </head>

  <body>
      <div id="map-div"></div>
  </body>

</html>

CSS

html, body{  
   height: 100%;
   width: 100%;
   margin: 0;
}


 #map-div {
   height: 100%;
   width: 100%;
}

JavaScript

var map = L.map('map-div').setView([0,0], 5);
var basemap = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: 'Basemap (c) <a href="http://openstreetmap.org">OpenStreetMap</a>',
  //minZoom: 5,
  maxZoom: 20
});
basemap.addTo(map);


L.circle([0,0], {radius: 100000}).addTo(map)


L.circleMarker([0,2], {radius: 10}).addTo(map)