keplergl / keplergl/kepler.gl

Custom Icon

Open
#2,514 0 comments 0 reactions 1 assignee Claimed by @heshan0131 View on GitHub
Dominant language
TypeScript
Stars
12k
Forks
2k
Avg merge
1d 5h
Merged PRs (30d)
66

Description

![image](https://github.com/keplergl/kepler.gl/assets/16249717/d4f9746f-6068-442c-95b2-83f3ea35d530)

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"
}
}
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.