Vẽ vùng giao hàng 15 phút quanh cửa hàng

curl 'https://cloud.gmap.vn/api/tsp/route/isochrone' \
  --header 'x-api-key: public-gmap-cloud-x-api-key-demo' \
  --header 'content-type: application/json' \
  --data '{
    "locations": [{ "lat": 16.0682606, "lon": 108.224093 }],
    "costing": "auto",
    "contours": [{ "time": 15 }],
    "polygons": true
  }'

map.on('load', async () => {
  const response = await fetch(
    'https://cloud.gmap.vn/api/tsp/route/isochrone?x-api-key=public-gmap-cloud-x-api-key-demo',
    {
      method: 'POST',
      headers: { 'content-type': 'application/json' },
      body: JSON.stringify({
        locations: [{ lat: 16.0682606, lon: 108.224093 }],
        costing: 'auto',
        contours: [{ time: 15 }, { time: 30 }],
        polygons: true,
      }),
    },
  );
  map.addSource('service-area', { type: 'geojson', data: await response.json() });
  map.addLayer({
    id: 'service-area',
    type: 'fill',
    source: 'service-area',
    paint: { 'fill-color': '#0754ff', 'fill-opacity': 0.18 },
  });
});