Jak wyświetlić mapę używając token Mapbox?

Question

Witajcie,

wygenerowałem token mapbox i wstawiłem do kodu:

L.tileLayer(
        "https://api.mapbox.com/geocoding/v5/mapbox.places/Los%20Angeles.json?access_token=pk.eyJ1Ijo......",
        {
          zoom: 16,

          id: "mapbox.streets",
        }
      ).addTo(map);

ale wciąż mam szare tło i nie pojawia się podkład w postaci mapy.

Jak to naprawić?

Z poprzednim tokenem działało.

Answer 1

Mapbox wycofał obsługę domyślnych stylów Mapbox Studio od czerwca 2020 r . Musiszsz zaprojektować własne mapy z MapBox Sudio i dodać styl mapy.

Comments

Ale tak jak wspomniałem wcześniej oprócz tokena musisz podlinkować style.

---

Tak, wygenerował coś takiego, ale gdzie to dodać? Tymczasem dodałem tutaj, ale wciąż nie działa

 

L.tileLayer(
        "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFjaWVqa2VkcmEiLCJhIjoiY2tr...",
        {
          zoom: 16,

          styleLayer:"mapbox://styles/xyz/ckk7739kw247w18o1tloig97f",

          id: "mapbox.streets",
        }
      ).addTo(map);

 

---

@pablop76,

Udało mi się, działa :) Pablo, wielkie dzięki!! :)

---

Wstaw kod, może ktoś skorzysta.

---

Wybacz spóźnienie, dopiero dzisiaj tutaj wszedlem.

Rozwiązanie:

Kod (token) wygenerowalem jako link w Mapbox Studio i podmieniłem go zamiast tego https:// w moim pierwszym poście.

Answer 2

https://docs.mapbox.com/api/accounts/tokens/

https://docs.mapbox.com/help/tutorials/get-started-tokens-api/

Comments

Dzięki. Oczywiście wygenerowałem już wcześniej token

https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFjaWVqa2VkcmEiLCJhIjoi...

Podmieniam to co za znakiem równości i nie działa.