kepler.gl
kepler.gl copied to clipboard
Custom Icon
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"
}
}