random points generation - turfjs

by John Doe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Turf.js/6.3.0/turf.min.js"></script>
<div id="map"></div>

CSS

#map {
  width: 800px;
  height: 500px;
}

JavaScript

const map = new L.map('map').setView([53, -2], 5);
const basemap = new L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {}).addTo(map);


var points = turf.randomPoint(250, {
  bbox: [-5.383301,50.499452,1.560059,56.680374]
});

points.features.forEach(function(el) {
  let coords = el.geometry.coordinates;
  console.log(coords);
})

console.log(points)

L.geoJSON(points).addTo(map);