kepler.gl icon indicating copy to clipboard operation
kepler.gl copied to clipboard

[Bug] Basemap Not Displaying

Open andrew20012656 opened this issue 2 years ago • 4 comments

If you are building kepler.gl on your own, you likely need to create and supply your own mapbox token, or use non-mapbox basemaps such as the CARTO basemaps. As it is external to the project, you'll need to search for info on how to do that, but there is some info in the deck.gl docs and also in the react-map-gl docs that might get you started.

Originally posted by @ibgreen in https://github.com/keplergl/kepler.gl/issues/2484#issuecomment-1862648813

The only change I made so far is to find a way to avoid react-palm package issue. If I want my map similar to the demo-app (i.e. using the default basemap), other than providing a personal MapBox token, what else are needed? I'm not familiar with MapBox. Do I need to create new map in Mapbox myself? Thanks~

andrew20012656 avatar Dec 20 '23 02:12 andrew20012656

Kepler actually doesn't use mapbox anymore, but maplibre instead, so there is a good chance that bit of documentation is obsolete and the access token unneeded

birkskyum avatar Jan 10 '24 00:01 birkskyum

Have you tried the latest version of Kepler (V3)?

birkskyum avatar Jan 10 '24 00:01 birkskyum

@birkskyum Hi, the documentation about how to use the Kepler.gl v3.0.0 as a React component has not been updated yet. In this case, how can I correctly load the Map (using Maplibre instead of Mapbox with an access token) in the file of App.js? As I need to make a major revision on my manuscript where Kepler.gl was heavily involved, any help on this issue will be greatly appreciated!

FlorentLee avatar Jan 19 '24 02:01 FlorentLee

@FlorentLee in the react component if you use a style that requires an API key, that key will be at the end of the style url. The access token field can be left undefined

birkskyum avatar Jan 19 '24 08:01 birkskyum