can’t show terrainLayer

[babakou9]

Hi!

I’m trying to map elevation in pydeck. I managed to make it work with the example data from the api reference as such :

import pydeck as pdk

bounds = [-122.5233, 37.6493, -122.3566, 37.8159]

raster_elev = 'https://raw.githubusercontent.com/visgl/deck.gl-data/master/website/terrain.png'
raster_texture = 'https://raw.githubusercontent.com/visgl/deck.gl-data/master/website/terrain-mask.png'

ELEVATION_DECODER = {"rScaler": 2, "gScaler": 0, "bScaler": 0, "offset": 0}

terrain_layer = pdk.Layer(
    "TerrainLayer",
    elevation_decoder=ELEVATION_DECODER,
    texture=raster_texture,
    elevation_data=raster_elev,
    bounds=bounds)

view_state = pdk.ViewState(
    longitude=-122.4,
    latitude=37.74,
    zoom=12.5,
    min_zoom=2,
    max_zoom=20,
    pitch=10.5,
    maxPitch=89,
    bearing=0)

r = pdk.Deck(layers=[terrain_layer],
             initial_view_state=view_state,
             map_style=None)

r.to_html("demo.html")

and it works just fine!

Now, if I want to do it with my rasters, almost the same code :

import pydeck as pdk

bounds = [5.8794653060000002, 43.1011510820000012,
          5.9872939839999999, 43.1718696960000017]

raster_elev = "https://teloschistes.ch/static/images/alti_toulon_25m_8b.png"
raster_texture = "https://teloschistes.ch/static/images/orthoirc_toulon_25_wgs84.png"

ELEVATION_DECODER = {"rScaler": 2, "gScaler": 0, "bScaler": 0, "offset": 0}

terrain_layer = pdk.Layer(
    "TerrainLayer",
    elevation_decoder=ELEVATION_DECODER,
    texture=raster_texture,
    elevation_data=raster_elev,
    bounds=bounds)

view_state = pdk.ViewState(
    longitude=5.91,
    latitude=43.13,
    zoom=12.5,
    min_zoom=2,
    max_zoom=20,
    pitch=10.5,
    maxPitch=89,
    bearing=0)

r = pdk.Deck(layers=[terrain_layer],
             initial_view_state=view_state,
             map_style=None)

r.to_html("demo.html")

It doesn’t show anything...

I don’t know what differs in my pngs from the example, if someone can help ? :)

[Pessimistress]

Open the JavaScript console and you can see that the request to load the image is blocked by CORS policy. If you own the server, you need to update the access-control-allowed-origin header. Otherwise download the images and host them yourself.

[babakou9]

thank you! I’ll check that (it rings a bell though...)