René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"How to use TileLayer?","articleBody":"Is **TileLayer** like\r\n\r\nhttps://deck.gl/docs/api-reference/geo-layers/tile-layer\r\n\r\nsupported by dash-deck?\r\n\r\nIf I run the example below I get a \"white screen\" and following error:\r\n\r\n```\r\nlayers-pass.js:96 Uncaught Error: GeoJSON does not have type\r\n    at y (assert.js:3:11)\r\n    at t.value (log.js:109:7)\r\n    at geojson.js:7:7\r\n    at e.value (geojson-layer.js:87:22)\r\n    at e.value (layer.js:775:14)\r\n    at e.value (layer.js:755:14)\r\n    at e.value (layer.js:515:14)\r\n    at e.value (layers-pass.js:238:15)\r\n    at e.value (layers-pass.js:118:36)\r\n    at e.value (layers-pass.js:54:38)\r\n```\r\nThen I tried to include \r\n\r\n```\r\nrender_sub_layers=lambda props: pdk.Layer(\r\n        \"BitmapLayer\",\r\n        data=None,\r\n        image=props.tile,\r\n        bounds=props.tile_bounds,\r\n    ),\r\n```\r\n    \r\nand got \r\n\r\n    error.js:16 TypeError: this.props.renderSubLayers is not a function\r\n\r\n=\u003e Could you please provide an example for TileLayers in the demo folder or clarify what features of deckgl are supported in the documentation?\r\n\r\n```\r\nimport dash\r\nimport dash_deck\r\nfrom dash import html\r\nimport pydeck as pdk\r\n\r\napp = dash.Dash(__name__)\r\n\r\n# Define a TileLayer for OpenStreetMap tiles\r\nosm_layer = pdk.Layer(\r\n    \"TileLayer\",\r\n    data=\"https://a.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n    min_zoom=0,\r\n    max_zoom=19,\r\n    tile_size=256,\r\n)\r\n\r\n# Define the initial view state\r\nview_state = pdk.ViewState(\r\n    longitude=-122.4,  # Centered around San Francisco\r\n    latitude=37.8,\r\n    zoom=10,\r\n    pitch=0,\r\n    bearing=0,\r\n)\r\n\r\n# Create the deck.gl instance\r\nr = pdk.Deck(\r\n    layers=[osm_layer],\r\n    initial_view_state=view_state,\r\n)\r\n\r\n# Define the layout of the Dash app\r\napp.layout = html.Div(\r\n    [\r\n        dash_deck.DeckGL(\r\n            r.to_json(),\r\n            id=\"deck-gl\",\r\n            style={\"height\": \"100vh\"},\r\n        ),\r\n    ]\r\n)\r\n\r\nif __name__ == \"__main__\":\r\n    app.run_server(debug=True)\r\n```","author":{"url":"https://github.com/fhg-isi","@type":"Person","name":"fhg-isi"},"datePublished":"2024-09-20T10:18:53.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/28/dash-deck/issues/28"}