def surface_view(get_uuid: Callable, tab: str) -> html.Div:
return html.Div(
style={"height": "35vh"},
children=[
wcc.Label(
id={
"id": get_uuid("surface-name"),
"tab": tab
},
children=
"Select vector, then click on a correlation to visualize surface",
),
wsc.LeafletMap(
id={
"id": get_uuid("surface-view"),
"tab": tab
},
layers=[],
unitScale={},
autoScaleMap=True,
minZoom=-19,
updateMode="update",
mouseCoords={"position": "bottomright"},
colorBar={"position": "bottomleft"},
),
],
)
def map_view_layout(self) -> html.Div:
return html.Div(children=[
wcc.FlexBox(children=[
html.Div(children=[
html.Label(
style={
"font-weight": "bold",
"textAlign": "center",
},
children="Select surface",
),
dcc.Dropdown(
id=self.ids("map-dropdown"),
options=[{
"label": name,
"value": name
} for name in self.surfacenames],
value=self.surfacenames[0],
clearable=False,
persistence=True,
persistence_type="session",
),
]),
], ),
html.Div(
style={
"marginTop": "0px",
"height": "800px",
"zIndex": -9999,
},
children=[
# pylint: disable=no-member
webviz_subsurface_components.LeafletMap(
id=self.ids("layered-map"),
layers=[],
unitScale={},
autoScaleMap=True,
minZoom=-19,
drawTools={
"drawMarker": False,
"drawPolygon": False,
"drawPolyline": True,
"position": "topright",
},
switch={
"value": False,
"disabled": False,
"label": "Hillshading",
},
mouseCoords={"position": "bottomright"},
colorBar={"position": "bottomright"},
),
],
),
])
def surface_view(parent: "PropertyStatistics", tab: str) -> html.Div:
return html.Div(
style={"height": "35vh"},
children=[
html.H5(
id={"id": parent.uuid("surface-name"), "tab": tab},
children="Select vector, then click on a correlation to visualize surface",
),
wsc.LeafletMap(
id={"id": parent.uuid("surface-view"), "tab": tab},
layers=[],
unitScale={},
autoScaleMap=True,
minZoom=-5,
updateMode="update",
mouseCoords={"position": "bottomright"},
colorBar={"position": "bottomleft"},
),
],
)
def surface_view(parent: "PropertyStatistics",
ensemble: str,
layers: list,
synced_ids: list = None) -> wsc.LeafletMap:
return html.Div(
style={"height": "22vh"},
children=wsc.LeafletMap(
id=f"{parent.uuid('surface-view-delta')}{ensemble}",
layers=layers,
syncedMaps=[
f"{parent.uuid('surface-view-delta')}{s_id}"
for s_id in synced_ids
] if synced_ids is not None else [],
unitScale={},
autoScaleMap=True,
minZoom=-5,
updateMode="replace",
mouseCoords={"position": "bottomright"},
colorBar={"position": "bottomleft"},
),
)
"maxvalue": max_value,
"bounds": [[0, 0], [30, 30]],
"shader": {"setBlackToAlpha": True},
},
],
}
]
leaflet_map_1 = webviz_subsurface_components.LeafletMap(
id="example-map",
syncedMaps=["example-map-2", "example-map"],
syncDrawings=True,
layers=layers,
colorBar={"position": "bottomleft"},
mouseCoords={"coordinatePosition": "bottomright",},
drawTools={
"drawMarker": True,
"drawPolygon": True,
"drawPolyline": True,
"position": "topright",
},
updateMode="",
)
leaflet_map_2 = webviz_subsurface_components.LeafletMap(
id="example-map-2",
syncedMaps=["example-map-2", "example-map"],
syncDrawings=True,
layers=layers,
colorBar={"position": "bottomleft"},
mouseCoords={"coordinatePosition": "bottomright",},
"url": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
"colormap":
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAABCAYAAAAxWXB3AAAAuElEQVR4nI2NyxUDIQwDR6K0lJD+W1nnABgvIZ8DT7JGNnroieRAQjJYMFQ2SDBUk0mrl16odGce05de9Z2zzStLLhEuvurIZzeZOedizd7mT70f7JOe7v7XA/jBBaH4ztn3462z37l1c7/ys1f6QFNZuUZ+1+JZ3oVN79FxctLvLB/XIQuslbe3+eSv7LVyd/KmC9O13Vjf63zt7r3kW7dR/iVuvv/H8NBE1/SiIayhiCZjhDFN5gX8UYgJzVykqAAAAABJRU5ErkJggg==",
"shader": {
"type": "none",
"elevationScale": 0.01,
},
}],
},
]
leaflet_map_1 = webviz_subsurface_components.LeafletMap(
id="example-map",
layers=layers,
colorBar={"position": "bottomleft"},
mouseCoords={
"coordinatePosition": "bottomright",
},
updateMode="",
)
app = dash.Dash(__name__)
# Dash extension used to call multiple callbacks on the same output
cg = CallbackGrouper()
app.layout = html.Div(children=[
html.Div([
"Layer to edit:",
dcc.Dropdown(
id="selected-layer",
"minvalue": min_value,
"maxvalue": max_value,
"type": "tile",
"url": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
"colormap": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAABCAYAAAAxWXB3AAAAuElEQVR4nI2NyxUDIQwDR6K0lJD+W1nnABgvIZ8DT7JGNnroieRAQjJYMFQ2SDBUk0mrl16odGce05de9Z2zzStLLhEuvurIZzeZOedizd7mT70f7JOe7v7XA/jBBaH4ztn3462z37l1c7/ys1f6QFNZuUZ+1+JZ3oVN79FxctLvLB/XIQuslbe3+eSv7LVyd/KmC9O13Vjf63zt7r3kW7dR/iVuvv/H8NBE1/SiIayhiCZjhDFN5gX8UYgJzVykqAAAAABJRU5ErkJggg==",
"shader": {"type": "none", "elevationScale": 0.01,},
}
],
},
]
leaflet_map_1 = webviz_subsurface_components.LeafletMap(
id="example-map",
syncedMaps=["example-map-2", "example-map"],
syncDrawings=True,
layers=layers,
colorBar={"position": "bottomleft"},
mouseCoords={"coordinatePosition": "bottomright",},
scaleY={"scaleY": 1, "minScaleY": 1, "maxScaleY": 10, "position": "topleft",},
updateMode="",
)
app = dash.Dash(__name__)
# Dash extension used to call multiple callbacks on the same output
cg = CallbackGrouper()
app.layout = html.Div(
children=[
html.Div(
[
html.Button("Add layer", id="layer-add-btn"),
leaflet_map_1 = webviz_subsurface_components.LeafletMap(
id="example-map",
layers=[
{
"name":
"A seismic horizon with colormap",
"id":
1,
"baseLayer":
True,
"checked":
True,
"action":
None,
"data": [
{
"type": "image",
"url": map_data,
"colorScale": {
"colors": DEFAULT_COLORSCALE_COLORS,
"prefixz_arrayeroAlpha": False,
"scaleType": "linear",
"cutPointMin": 0,
"cutPointMax": 1,
"remapPointMin": 0,
"remapPointMax": 1,
},
"minvalue": min_value,
"maxvalue": max_value,
"bounds": [[432205, 6475078], [437720, 6481113]],
"shader": {
"type": "terrainRGB",
"applyColorScale": True,
"applyHillshading": True,
"ambientLightIntensity": 0.5,
"diffuseLightIntensity": 0.5,
},
},
],
},
],
colorBar={"position": "bottomleft"},
defaultBounds=[[0, 0], [30, 30]],
mouseCoords={
"coordinatePosition": "bottomright",
},
updateMode="",
minz_arrayoom=-5,
)
"url": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
"colormap": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAABCAYAAAAxWXB3AAAAuElEQVR4nI2NyxUDIQwDR6K0lJD+W1nnABgvIZ8DT7JGNnroieRAQjJYMFQ2SDBUk0mrl16odGce05de9Z2zzStLLhEuvurIZzeZOedizd7mT70f7JOe7v7XA/jBBaH4ztn3462z37l1c7/ys1f6QFNZuUZ+1+JZ3oVN79FxctLvLB/XIQuslbe3+eSv7LVyd/KmC9O13Vjf63zt7r3kW7dR/iVuvv/H8NBE1/SiIayhiCZjhDFN5gX8UYgJzVykqAAAAABJRU5ErkJggg==",
"shader": {"type": "none", "elevationScale": 0.01,},
}
],
},
]
leaflet_map_1 = webviz_subsurface_components.LeafletMap(
id="example-map",
syncDrawings=True,
layers=layers,
colorBar={"position": "bottomleft"},
mouseCoords={"coordinatePosition": "bottomright",},
switch={"value": False, "label": "Hillshading",},
drawTools={
"drawMarker": True,
"drawPolygon": True,
"drawPolyline": True,
"position": "topright",
},
scaleY={"scaleY": 1, "minScaleY": 1, "maxScaleY": 10, "position": "topleft",},
updateMode="",
)
app = dash.Dash(__name__)
# Dash extension used to call multiple callbacks on the same output
cg = CallbackGrouper()
app.layout = html.Div(
children=[