from dash import Dash, html
from deckgl_dash import DeckGL
from deckgl_dash.layers import TileLayer, GeoJsonLayer

app = Dash(__name__)

app.layout = DeckGL(
    id='map',
    layers=[
        TileLayer(id='basemap', data='https://tile.openstreetmap.org/{z}/{x}/{y}.png'),
        GeoJsonLayer(id='data', data=geojson, get_fill_color='#FF8C00', pickable=True)
    ],
    initial_view_state={'longitude': -122.4, 'latitude': 37.8, 'zoom': 11}
)

if __name__ == '__main__':
    app.run(debug=True)

from dash import Dash
from deckgl_dash import DeckGL
from deckgl_dash.layers import GeoJsonLayer, ScatterplotLayer
from deckgl_dash.maplibre import MapLibreConfig, MapLibreStyle

app = Dash(__name__)

app.layout = DeckGL(
    id='map',
    maplibre_config=MapLibreConfig(
        style=MapLibreStyle.CARTO_POSITRON,
    ).to_dict(),
    layers=[
        GeoJsonLayer(id='data', data=geojson, get_fill_color='#FF5722', pickable=True),
    ],
    initial_view_state={'longitude': -122.4, 'latitude': 37.8, 'zoom': 11},
)

from deckgl_dash.maplibre import MapLibreConfig, MapLibreStyle, RasterSource, RasterLayer

config = MapLibreConfig(
    style=MapLibreStyle.empty(),  # Empty style for raster-only maps
    sources={
        'custom-tiles': RasterSource(
            tiles=['https://tiles.example.com/{z}/{x}/{y}.png'],
            tile_size=256,
        ),
    },
    map_layers=[
        RasterLayer(id='raster-layer', source='custom-tiles'),
    ],
)

from deckgl_dash.maplibre import MapLibreConfig, VectorSource, FillLayer, LineLayer

config = MapLibreConfig(
    style='https://tiles.openfreemap.org/styles/liberty',
    sources={
        'custom': VectorSource(tiles=['https://example.com/{z}/{x}/{y}.pbf']),
    },
    map_layers=[
        FillLayer(
            id='buildings',
            source='custom',
            source_layer='buildings',
            fill_color='#ff0000',
            fill_opacity=0.5,
        ),
        LineLayer(
            id='roads',
            source='custom',
            source_layer='roads',
            line_color='#000000',
            line_width=2,
        ),
    ],
)

config = MapLibreConfig(
    style=MapLibreStyle.CARTO_POSITRON,
    interleaved=True,  # Allows deck.gl layers below MapLibre labels
)

from deckgl_dash.layers import PathLayer

# Each record carries its path plus one color per segment (N points -> N-1 segments).
track = [{
    'path': [[-122.42, 37.77], [-122.41, 37.77], [-122.36, 37.80], [-122.35, 37.80]],
    'segmentColors': [[30, 110, 230], [230, 30, 30], [30, 110, 230]],  # middle leg flagged red
}]

PathLayer(
    id='track',
    data=track,
    get_path='@@=path',
    get_color='@@=segmentColors',
    multi_color=True,        # color each segment from the list above
    show_direction=True,     # evenly-spaced arrows pointing in the travel direction
    arrow_spacing=80,        # pixels between arrows (stays constant across zoom)
    get_width=6,
    width_min_pixels=4,
    pickable=True,
)

from dash import Dash, dcc, html, callback, Output, Input, State, ctx, no_update
from deckgl_dash import DeckGL, compute_time_domain, build_time_filter
from deckgl_dash.layers import TileLayer, ScatterplotLayer

# Each point carries a numeric time `t` (keep it float32-safe — see note below).
DOMAIN = compute_time_domain(POINTS, 't')          # [t_min, t_max]
WINDOW = (DOMAIN[1] - DOMAIN[0]) * 0.1             # show a 10%-wide trailing window

app.layout = html.Div([
    dcc.Slider(id='time', min=DOMAIN[0], max=DOMAIN[1], value=DOMAIN[0] + WINDOW, updatemode='drag'),
    DeckGL(
        id='map',
        layers=[
            TileLayer(id='basemap', data='https://tile.openstreetmap.org/{z}/{x}/{y}.png'),
            ScatterplotLayer(id='points', data=POINTS, get_position='@@=coordinates',
                             get_filter_value='@@=t'),  # auto-attaches DataFilterExtension
        ],
        time_filter=build_time_filter(DOMAIN, WINDOW),  # playing=False by default
    ),
])

# The engine reports current_time (~8 Hz) during playback; use it to move the slider handle.
@callback(Output('time', 'value'), Input('map', 'currentTime'), prevent_initial_call=True)
def track(t):
    return t

from deckgl_dash import DeckGL, compute_bounds
from deckgl_dash.layers import ScatterplotLayer

DeckGL(
    id='map',
    layers=[ScatterplotLayer(id='points', data=POINTS, get_position='@@=coordinates')],
    initial_view_state={'longitude': -100, 'latitude': 40, 'zoom': 3},
    fit_bounds={'bounds': compute_bounds(POINTS), 'padding': 40, 'maxZoom': 16},
)

from deckgl_dash import ColorScale, color_range_from_scale
from deckgl_dash.layers import GeoJsonLayer, HexagonLayer

# Fluent API for data-driven fill colors
scale = ColorScale('viridis').domain(0, 100).alpha(180)
layer = GeoJsonLayer(
    id='choropleth',
    data=geojson,
    get_fill_color=scale.accessor('properties.value'),  # @@scale(viridis, properties.value, 0, 100, 180)
    pickable=True
)

# Available scale modifiers
ColorScale('plasma').reverse()      # Reverse color direction
ColorScale('OrRd').log()            # Logarithmic scaling
ColorScale('Spectral').sqrt()       # Square root scaling

# Generate color arrays for aggregation layers
color_range = color_range_from_scale('viridis', 6)  # [[68,1,84], [59,82,139], ...]
hexagon_layer = HexagonLayer(
    id='hexagons',
    data=points,
    color_range=color_range,
    ...
)

from deckgl_dash import DeckGL
from deckgl_dash.layers import GeoJsonLayer, TileLayer

DeckGL(
    id='map',
    layers=[
        TileLayer(id='basemap', data='https://tile.openstreetmap.org/{z}/{x}/{y}.png'),
        GeoJsonLayer(
            id='remote-data',
            data='https://secure-server.com/api/features.geojson',
            load_options={
                'fetch': {
                    'credentials': 'include',  # send cookies and client certificates
                    'mode': 'cors',
                    'headers': {'X-Custom-Header': 'value'},
                }
            },
            get_fill_color='#FF8C00',
            pickable=True,
        ),
    ],
    initial_view_state={'longitude': -122.4, 'latitude': 37.8, 'zoom': 11},
    enable_events=['dataLoadError'],  # opt-in to error callbacks
)