Indicate what's clickable

a-b-street · Mar 15, 2024 · b53073d · b53073d
1 parent a6b6889
commit b53073d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/web/src/common/layers/RenderIntersectionPolygons.svelte b/web/src/common/layers/RenderIntersectionPolygons.svelte
@@ -4,6 +4,8 @@
   import { caseHelper, layerId, emptyGeojson } from "../utils";
   import { hoverStateFilter, FillLayer, GeoJSON } from "svelte-maplibre";
 
+  export let hoverCursor: string | undefined = undefined;
+
   let show = true;
 
   $: gj = $network ? JSON.parse($network.toGeojsonPlain()) : emptyGeojson();
@@ -17,6 +19,7 @@
     }}
     manageHoverState
     bind:hovered={$hoveredIntersection}
+    {hoverCursor}
     filter={["==", ["get", "type"], "intersection"]}
     paint={{
       "fill-color": {

diff --git a/web/src/common/layers/RenderLanePolygons.svelte b/web/src/common/layers/RenderLanePolygons.svelte
@@ -4,6 +4,8 @@
   import { layerId, emptyGeojson, caseHelper } from "../utils";
   import { hoverStateFilter, FillLayer, GeoJSON } from "svelte-maplibre";
 
+  export let hoverCursor: string | undefined = undefined;
+
   let show = true;
 
   $: gj = $network
@@ -19,6 +21,7 @@
     }}
     manageHoverState
     bind:hovered={$hoveredLane}
+    {hoverCursor}
     on:click
     paint={{
       "fill-color": caseHelper(

diff --git a/web/src/lane-editor/App.svelte b/web/src/lane-editor/App.svelte
@@ -75,7 +75,7 @@
         <RenderBoundary />
         <RenderIntersectionPolygons />
         <RenderIntersectionMarkings />
-        <RenderLanePolygons on:click={onClickLane} />
+        <RenderLanePolygons hoverCursor="pointer" on:click={onClickLane} />
         <RenderLaneMarkings />
         <GeoJSON data={wayGj}>
           <FillLayer

diff --git a/web/src/street-explorer/App.svelte b/web/src/street-explorer/App.svelte
@@ -59,15 +59,15 @@
     <Map>
       <div bind:this={controlsContents}>
         <RenderBoundary />
-        <RenderIntersectionPolygons>
+        <RenderIntersectionPolygons hoverCursor="pointer">
           <Popup openOn="click" popupClass="popup" let:data let:close>
             {#key data}
               <IntersectionPopup {data} {close} />
             {/key}
           </Popup>
         </RenderIntersectionPolygons>
         <RenderIntersectionMarkings />
-        <RenderLanePolygons>
+        <RenderLanePolygons hoverCursor="pointer">
           <Popup openOn="click" popupClass="popup" let:data let:close>
             {#key data}
               <LanePopup {data} {close} />