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

Custom Icon

Open SincerelyUnique opened this issue 2 years ago • 0 comments

image

How to set custom Icon to map

layer config

        {
          "id": "2dsuao",
          "type": "icon",
          "config": {
            "dataId": "dc-point",
            "label": "DC",
            "color": [
              18,
              147,
              154
            ],
            "highlightColor": [
              252,
              242,
              26,
              255
            ],
            "columns": {
              "lat": "latitude",
              "lng": "longitude",
              "icon": "icon"
            },
            "isVisible": true,
            "visConfig": {
              "radius": 53.9,
              "fixedRadius": false,
              "opacity": 0.8,
              "colorRange": {
                "name": "Ice And Fire 3",
                "type": "diverging",
                "category": "Uber",
                "colors": [
                  "#D50255",
                  "#FAFEB3",
                  "#0198BD"
                ],
                "reversed": true
              },
              "radiusRange": [
                20,
                40
              ]
            },
            "hidden": false,
            "textLabel": [
              {
                "field": {
                  "name": "DC",
                  "type": "string"
                },
                "color": [
                  255,
                  242,
                  230
                ],
                "size": 21,
                "offset": [
                  0,
                  0
                ],
                "anchor": "start",
                "alignment": "center",
                "outlineWidth": 0.12,
                "outlineColor": [
                  255,
                  0,
                  0,
                  255
                ],
                "background": false,
                "backgroundColor": [
                  0,
                  0,
                  200,
                  255
                ]
              }
            ]
          },
          "visualChannels": {
            "colorField": {
              "name": "DC",
              "type": "string"
            },
            "colorScale": "ordinal",
            "sizeField": null,
            "sizeScale": "linear"
          }
        }

SincerelyUnique avatar Jan 18 '24 07:01 SincerelyUnique