Mapbox Geolocation、地図に読み込む方法は？

Question

私はMapBoxで遊んでいますが、GeoLocation APIを取得してデータを地図に戻して更新する際に問題が発生しています。

これは私が今得たものである：

mapboxgl.accessToken = 'TOKEN-HERE'; 
    var map = new mapboxgl.Map({ 
     container: 'map', // container id 
     style: 'mapbox://styles/mapbox/streets-v9', 
     center: [-0.968539, 54.562917], 
     zoom: 9 
    }); 

    map.on('style.load', function() { 
     map.addSource("myMap", { 
      "type": "geojson", 
      "data": "https://api.mapbox.com/geocoding/v5/mapbox.places/UK_ADDRESS_HERE.json?country=gb&types=address&autocomplete=true&access_token=TOEKN" 
     }); 

     map.addLayer({ 
      'id': 'test1', 
      'type': 'line', 
      'source': 'myMap', 
      'interactive': true 
     }); 
}); 

Answer 1

答えはあなたがUK_ADDRESS_HEREをコードしている方法であるのかもしれません。

https://api.mapbox.com/geocoding/v5/mapbox.places/UK_ADDRESS_HERE.json

---

request format for the Mapbox Geocding API {クエリ}パラメータは任意の値を含むことができるので、URLエンコードなければならないことを必要とします。

つまり、10 Downing Street, Westminsterのような単純なジオコード要求は、encodeURIComponent〜10%20Downing%20Street%2C%20Westminsterを使用してエンコードする必要があります。

これを試して、あなたのリクエストが適切であることを確認してください。

curl https://api.tiles.mapbox.com/geocoding/v5/mapbox.places/10%20Downing%20Street%2C%20London.json?access_token=${MAPBOX_ACCESS_TOKEN}