How to update kepler.gl mapstyle

1.3k Views Asked by At

I'm working on kepler.gl map and I have custom map style, trying to update the default map style using addCustomMapStyle and loadCustomMapStyle but those two methods not updating the map style my config is

    {
  "version": "v1",
  "config": {
    "visState": {

    },
    "mapState": {
      "bearing": -14.78125,
      "dragRotate": true,
      "latitude": 50.15584222999782,
      "longitude": 8.73812510739856,
      "pitch": 55.64219672692688,
      "zoom": 6.249643007871772,
      "isSplit": false
    },
    "mapStyle": {
      "styleType": "0.ek919ez82er",
      "topLayerGroups": {},
      "visibleLayerGroups": {
        "border": false,
        "building": true,
        "label": true,
        "land": true,
        "road": true,
        "water": true
      },
      "buildingLayer": {
        "color": [
          18,
          25,
          38
        ],
        "isVisible": false,
        "opacity": 0.7
      },
      "mapStyles": {
        "0.ek919ez82er": {
          "accessToken": "accessToken",
          "custom": true,
          "icon": "BASE64IMAGE",
          "id": "0.ek919ez82er",
          "label": "Basic Template New",
          "url": "mapbox://styles/stephanefoulard/cjnvki2i00s9v2sjrbzpssze0"
        }
      }
    }
  }
}

how can i load this custom map style, it's load the dark map style right now, please any help

1

There are 1 best solutions below

0
On BEST ANSWER

Hi after a long session of redux debugging I found what params addCustomMapStyle and loadCustomMapStyle takes

this.props.dispatch(loadCustomMapStyle({ style: {},  error: false});
this.props.dispatch(addCustomMapStyle());

I didn't post the style because of the string limits on stack, i will post them later in some other place and update the answer