Fix the Cluster, Heatmap and PinDrop examples (#192)

* Update Heatmap.tsx * Fix more examples
mmomtchev · Oct 18, 2023 · 28da0cb · 28da0cb
1 parent 2ba67c8
commit 28da0cb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/examples/Cluster.tsx b/examples/Cluster.tsx
@@ -35,7 +35,7 @@ export default function Cluster(): JSX.Element {
     return (
         <React.Fragment>
             <RMap className='example-map' initial={{center: fromLonLat([0, 0]), zoom: 1}}>
-                <RLayerStadia layer='toner' />
+                <RLayerStadia layer='stamen_toner' />
                 <RLayerCluster
                     ref={earthquakeLayer}
                     distance={distance}

diff --git a/examples/Heatmap.tsx b/examples/Heatmap.tsx
@@ -20,7 +20,7 @@ export default function Heatmap(): JSX.Element {
     return (
         <React.Fragment>
             <RMap className='example-map' initial={{center: fromLonLat([0, 0]), zoom: 1}}>
-                <RLayerStadia layer='toner' />
+                <RLayerStadia layer='stamen_toner' />
                 <RLayerHeatmap
                     blur={blur}
                     radius={radius}

diff --git a/examples/PinDrop.tsx b/examples/PinDrop.tsx
@@ -31,7 +31,7 @@ export default function PinDrop(): JSX.Element {
                             const coords = e.map.getCoordinateFromPixel(e.pixel);
                             e.target.setGeometry(new Point(coords));
                             // this stops OpenLayers from interpreting the event to pan the map
-                            e.preventDefault();
+                            e.disablePropagation();
                             return false;
                         }, [])}
                         onPointerDragEnd={useCallback((e) => {