chore: cleanup more examples

maplibre · Dec 1, 2024 · 0a235dd · 0a235dd
1 parent ece14e3
commit 0a235dd
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 116 deletions.
diff --git a/packages/examples/src/Examples.tsx b/packages/examples/src/Examples.tsx
@@ -165,10 +165,6 @@ const Examples = new ExampleGroup(
         MapLibreExamples.CustomVectorSource,
       ),
       new ExampleItem("Image Overlay", MapLibreExamples.ImageOverlay),
-      new ExampleItem(
-        "Choropleth Layer by Zoom Level",
-        MapLibreExamples.ChoroplethLayerByZoomLevel,
-      ),
     ]),
     new ExampleGroup("LineLayer", [
       new ExampleItem("Gradient Line", MapLibreExamples.GradientLine),

diff --git a/packages/examples/src/examples/FillRasterLayer/ChoroplethLayerByZoomLevel.js b/packages/examples/src/examples/FillRasterLayer/ChoroplethLayerByZoomLevel.js
diff --git a/packages/examples/src/examples/FillRasterLayer/IndoorBuilding.tsx b/packages/examples/src/examples/FillRasterLayer/IndoorBuilding.tsx
@@ -43,8 +43,7 @@ export default function IndoorBuilding() {
 
         <MapLibreGL.ShapeSource
           id="indoorBuildingSource"
-          // @ts-ignore
-          shape={indoor3DFeatureCollection}
+          shape={indoor3DFeatureCollection as GeoJSON.FeatureCollection}
         >
           <MapLibreGL.FillExtrusionLayer
             id="building3d"

diff --git a/packages/examples/src/examples/Map/SetTintColor.tsx b/packages/examples/src/examples/Map/SetTintColor.tsx
@@ -21,7 +21,7 @@ export default function SetTintColor() {
     >
       <MapLibreGL.MapView style={sheet.matchParent} tintColor={tintColor}>
         <MapLibreGL.Camera
-          followZoomLevel={16}
+          followZoomLevel={6}
           followUserMode={MapLibreGL.UserTrackingMode.FollowWithHeading}
           followUserLocation
         />

diff --git a/packages/examples/src/examples/SymbolCircleLayer/Earthquakes.tsx b/packages/examples/src/examples/SymbolCircleLayer/Earthquakes.tsx
@@ -20,11 +20,11 @@ import { colors } from "../../styles/colors";
 import { sheet } from "../../styles/sheet";
 
 const layerStyles: {
-  singlePoint: CircleLayerStyle;
-  clusteredPoints: CircleLayerStyle;
+  singleCircle: CircleLayerStyle;
+  clusteredCircle: CircleLayerStyle;
   clusterCount: SymbolLayerStyle;
 } = {
-  singlePoint: {
+  singleCircle: {
     circleColor: "green",
     circleOpacity: 0.84,
     circleStrokeWidth: 2,
@@ -33,7 +33,7 @@ const layerStyles: {
     circlePitchAlignment: "map",
   },
 
-  clusteredPoints: {
+  clusteredCircle: {
     circlePitchAlignment: "map",
     circleColor: [
       "step",
@@ -226,21 +226,21 @@ export default function Earthquakes() {
             }}
           >
             <MapLibreGL.SymbolLayer
-              id="pointCount"
+              id="earthquakes-count"
               style={layerStyles.clusterCount}
             />
 
             <MapLibreGL.CircleLayer
-              id="clusteredPoints"
-              belowLayerID="pointCount"
+              id="earthquakes-cluster"
+              belowLayerID="earthquakes-count"
               filter={["has", "point_count"]}
-              style={layerStyles.clusteredPoints}
+              style={layerStyles.clusteredCircle}
             />
 
             <MapLibreGL.CircleLayer
-              id="singlePoint"
+              id="earthquakes-single"
               filter={["!", ["has", "point_count"]]}
-              style={layerStyles.singlePoint}
+              style={layerStyles.singleCircle}
             />
           </MapLibreGL.ShapeSource>
         </MapLibreGL.MapView>

diff --git a/packages/examples/src/examples/UserLocation/FollowUserLocationAlignment.tsx b/packages/examples/src/examples/UserLocation/FollowUserLocationAlignment.tsx
@@ -33,7 +33,7 @@ export default function FollowUserLocationAlignment() {
         style={sheet.matchParent}
         contentInset={INSETS[alignment]}
       >
-        <MapLibreGL.Camera followUserLocation />
+        <MapLibreGL.Camera followUserLocation followZoomLevel={6} />
         <MapLibreGL.UserLocation />
       </MapLibreGL.MapView>
     </TabBarView>

diff --git a/packages/examples/src/examples/index.ts b/packages/examples/src/examples/index.ts
@@ -21,7 +21,6 @@ export { default as TakeSnapshot } from "./Camera/TakeSnapshot";
 export { default as TakeSnapshotWithMap } from "./Camera/TakeSnapshotWithMap";
 export { default as YoYo } from "./Camera/YoYo";
 // FILLRASTERLAYER
-export { default as ChoroplethLayerByZoomLevel } from "./FillRasterLayer/ChoroplethLayerByZoomLevel";
 export { default as CustomVectorSource } from "./FillRasterLayer/CustomVectorSource";
 export { default as GeoJSONSource } from "./FillRasterLayer/GeoJSONSource";
 export { default as ImageOverlay } from "./FillRasterLayer/ImageOverlay";