Creación de múltiples puntos en el mapa isocrono de Mapbox

Question

¿Es posible crear múltiples puntos en un mapa de isocronas en Mapbox?

Esta es la documentación de uno de sus mapas con un punto: https://docs.mapbox.com/help/tutorials/get-started-isochrone-api/

Quiero hacer exactamente lo mismo, sólo tener varios puntos con los topes alrededor de ellos.

Answer 1

¿Es posible crear múltiples puntos en un mapa de isocronas en Mapbox?

Sí, claro. Sólo tienes que hacer varias peticiones a la API de Isochrone y dibujar los resultados correctamente.

Algo así:

  map.on('load', function () {

    map.addSource('iso', {
      type: 'geojson',
      data: {
        'type': 'FeatureCollection',
        'features': []
      }
    });

    map.addLayer(
      {
        'id': 'isoLayer',
        'type': 'fill',
        'source': 'iso',
        'layout': {},
        'paint': {
          'fill-color': '#5a3fc0',
          'fill-opacity': 0.3
        }
      },
      'poi-label'
    );

    $.when(
        $.ajax('https://api.mapbox.com/isochrone/v1/mapbox/cycling/-77.034,38.899?contours_minutes=10&polygons=true&access_token=' + mapboxgl.accessToken),
        $.ajax('https://api.mapbox.com/isochrone/v1/mapbox/cycling/-77.003,38.784?contours_minutes=10&polygons=true&access_token=' + mapboxgl.accessToken)
    )
    .then(function(response1, response2) {
        map.getSource('iso').setData({
            'type': 'FeatureCollection',
            'features': [response1[0].features[0], response2[0].features[0]]
        });
    })
    .fail(function(err) {
        console.log('Something went wrong', err);
    });
  });

Aquí tienes una demostración en funcionamiento: https://anatolysukhanov.com/mapbox/stackoverflow/isochrone.html