Create buffer area from multipoint

by Dennis Bauszus

HTML

<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://cdn.jsdelivr.net/npm/@turf/turf@5/turf.min.js"></script>
<div id="map" class="map"></div>

CSS

html,
body {
  height: 100%;
  width: 100%;
  position: fixed;
  padding: 0;
  margin: 0;
  border: 0;
}

.map {
  height: 100%;
  width: 100%;
}

JavaScript

let map = L.map('map', {
  center: [53, -1],
  zoom: 6
});

L.tileLayer(`https://api.mapbox.com/styles/v1/dbauszus/ciozrimi3002bdsm8bjtn2v1y/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1IjoiZGJhdXN6dXMtcHJpdmF0ZSIsImEiOiJjamJiYzlkbzIwdzdoMnBteHkwNWNiM215In0.cBbyFwMqnikqvlZD2RS3DA`).addTo(map);

let data = {
  "type": "MultiPoint",
  "coordinates": [
    [-0.921757906685988, 52.4791957020684],
    [-0.926659664528763, 52.4853087588122],
    [-0.925071949868017, 52.4821746927768],
    [-0.922395540398672, 52.4796150674373],
    [-0.92222108777202, 52.4801259295393],
    [-0.921564992655371, 52.479256876637],
    [-0.929261875442063, 52.4848828148994],
    [-0.925943844774907, 52.4820477542946],
    [-0.931617364173122, 52.4849130946633],
    [-0.927582045085502, 52.4843191918665],
    [-0.924724834279325, 52.4831245173862],
    [-0.925845004989837, 52.4824783944479],
    [-0.929102539678663, 52.4847734888419],
    [-0.929746211799223, 52.4837364308695],
    [-0.929860615865585, 52.4844836649592],
    [-0.926115658610908, 52.4840631541069],
    [-0.925494181045032, 52.4835810236572],
    [-0.92069380065278, 52.4793568180469],
    [-0.929693318796418, 52.4840955666956],
    [-0.927759677071534, 52.4848871939204],
    [-0.927975803067656, 52.4856892935685],
    [-0.924917804813182, 52.4836656922705],
    [-0.926901656624055, 52.4838365350121],
    [-0.926502981921277, 52.4832755168613],
    [-0.934974287754219, 52.484332010369],
    [-0.910997554314315, 52.4838350897355],
    [-0.912837208996999, 52.485074695132],
    [-0.912594547161725, 52.4853601572684],
    [-0.910942580194398, 52.4812903086634],
    [-0.909660231673291, 52.4837238811449],
    [-0.9091006972681, 52.485507807893],
    [-0.915771418485572, 52.4825303706911],
    [-0.912346537742808, 52.4828765364196],
    [-0.912265074815738, 52.4825970861579],
    [-0.917838589933456, 52.4787014149498],
    [-0.918768076522772, 52.4774242884908],
    [-0.918337387253741, 52.4781755435942],
    [-0.914470129519327,...