жрет клиента некорректный URL на symfony 4

Вы можете использовать статический алиас mapbox, чтобы получить предварительный просмотр изображения спутника:

[ https: / /www.mapbox.com/help/static-api-playground/]

Обновление:

Вы можете использовать mapbox/geo-viewport библиотека для расчета центральной точки и масштабирования для предварительного просмотра и render событие для обновления предварительного просмотра:

map.on('render', function() {
  setMapPreview()
})

function setMapPreview() {
  var bounds = map.getBounds().toArray()
  bounds = [bounds[0][0], bounds[0][1], bounds[1][0], bounds[1][1]]

  // The size of the desired map.
  var size = [100, 100];

  // Calculate a zoom level and centerpoint for this map.
  var vp = geoViewport.viewport(bounds, size, 0, 24, 512);

  // Construct a static map url
  // https://www.mapbox.com/developers/api/static/
  document.getElementById('preview').src =
    'https://api.mapbox.com/styles/v1/mapbox/satellite-v9/static/' +
    vp.center.join(',') + ',' + vp.zoom + ',0,0/' +
    size.join('x') + '?' +
    'attribution=false&logo=false&access_token=' + mapboxgl.accessToken;    
}

[ https://jsfiddle.net/btv9ogpc/ ]

Невозможно добавить событие, щелкнув на предварительный просмотр, и повернуть стили:

document.getElementById('preview').addEventListener('click', function () {
  map.setStyle('mapbox://styles/mapbox/satellite-v9')
})

[ https://jsfiddle.net/xh74rb83 ]