Как работать с проблемой CORS в API поверхности от mapbox?

Question

Я пытаюсь использовать Surface API по Mapbox для анализа местности между двумя заданными точками. Я беру координаты двух точек и отправляю вызов AJAX API, но я застрял в печально известной проблеме CORS.

Для начала я пытаюсь использовать URL, предоставленный самой MapBox в своих примерах:

$('#runTerrainAnalysis').on('click', function(e){ 
    var url = 'https://api.tiles.mapbox.com/v4/surface/mapbox.mapbox-terrain-v1.json?layer=contour&fields=ele&points=-112.084004,36.05322;-112.083914,36.053573;-112.083965,36.053845&access_token=pk.eyJ1Ijoicm9oYW4wNzkzIiwiYSI6IjhFeGVzVzgifQ.MQBzoHJmjH19bXDW0b8nKQ'; 
    $.ajax({ 
     url: url, 
     method: 'GET', 
     success: function(response){ 
      console.log(response); 
     }, 
     error: function(response){ 
      console.log(response); 
     } 
    }); 
}); 

Cross-Origin Request заблокированный: The Same Origin Policy не разрешает чтение удаленного ресурс в https://api.tiles.mapbox.com/v4/surface/mapbox.mapbox-terrain-v1.json?layer=contour&fields=ele&points=-112.084004,36.05322;-112.083914,36.053573;-112.083965,36.053845&access_token=pk.eyJ1Ijoicm9oYW4wNzkzIiwiYSI6IjhFeGVzVzgifQ.MQBzoHJmjH19bXDW0b8nKQ , (Причина: заголовок CORS «Access-Control-Allow-Origin» отсутствует).

Как это получить?

Answer 1

Мы можем отправить междоменный AJAX запросы с использованием JSONP. Ниже приводится простой JSONP Запрос:

$.ajax({ 
    url : url, 
    dataType:"jsonp", 
}); 

Source

Работая как шарм. :)

Answer 2

API-интерфейс Mapbox поддерживает cross-origin requests без каких-либо ограничений домена, поэтому он должен быть связан с jquery.

Попробуйте включить crossDomain: true:

$.ajax({ 
    url: url, 
    crossDomain: true, 
    method: 'GET', 

Answer 3

Похоже, вы еще не запросили доступ к API-интерфейсу Surface (сейчас он находится в частной бета-версии). Это:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script> 
    var url = 'https://api.tiles.mapbox.com/v4/surface/mapbox.mapbox-terrain-v1.json?layer=contour&fields=ele&points=-112.084004,36.05322;-112.083914,36.053573;-112.083965,36.053845&access_token=pk.eyJ1Ijoicm9oYW4wNzkzIiwiYSI6IjhFeGVzVzgifQ.MQBzoHJmjH19bXDW0b8nKQ'; 
    $.ajax({ 
     url: url, 
     method: 'GET', 
     success: function(response){ 
      console.log(response); 
     }, 
     error: function(response){ 
      console.log(response); 
     } 
    }); 
</script> 

возвращает ожидаемый результат:

{"message":"Feature not enabled. Please read https://www.mapbox.com/blog/introducing-the-surface-api for more information."} 

Вы можете запросить доступ в нижней части этой страницы: https://www.mapbox.com/blog/introducing-the-surface-api/