fix: Adds missing type declarations (#1698)

* Update index.ts * Update index.ts * Update index.ts * Update index.ts * Update index.ts * Update index.ts * Update index.ts
googlemaps · Apr 25, 2024 · f9e0f97 · f9e0f97
1 parent 2176c2e
commit f9e0f97
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 12 deletions.
diff --git a/samples/combining-data/index.ts b/samples/combining-data/index.ts
@@ -141,9 +141,11 @@ function styleFeature(feature: google.maps.Data.Feature) {
   const low = [5, 69, 54]; // color of smallest datum
   const high = [151, 83, 34]; // color of largest datum
 
+  let censusVariable = feature.getProperty("census_variable") as number;
+
   // delta represents where the value sits between the min and max
   const delta =
-    (feature.getProperty("census_variable") - censusMin) /
+    (censusVariable - censusMin) /
     (censusMax - censusMin);
 
   const color: number[] = [];
@@ -157,8 +159,8 @@ function styleFeature(feature: google.maps.Data.Feature) {
   let showRow = true;
 
   if (
-    feature.getProperty("census_variable") == null ||
-    isNaN(feature.getProperty("census_variable"))
+    censusVariable == null ||
+    isNaN(censusVariable)
   ) {
     showRow = false;
   }

diff --git a/samples/earthquake-circles/index.ts b/samples/earthquake-circles/index.ts
@@ -24,7 +24,7 @@ function initMap(): void {
   document.getElementsByTagName("head")[0].appendChild(script);
 
   map.data.setStyle((feature) => {
-    const magnitude = feature.getProperty("mag");
+    const magnitude = feature.getProperty("mag") as number;
     return {
       icon: getCircle(magnitude),
     };

diff --git a/samples/layer-data-dynamic/index.ts b/samples/layer-data-dynamic/index.ts
@@ -25,7 +25,7 @@ function initMap(): void {
     let color = "gray";
 
     if (feature.getProperty("isColorful")) {
-      color = feature.getProperty("color");
+      color = feature.getProperty("color") as string;
     }
     return /** @type {!google.maps.Data.StyleOptions} */ {
       fillColor: color,

diff --git a/samples/layer-data-event/index.ts b/samples/layer-data-event/index.ts
@@ -21,7 +21,7 @@ function initMap(): void {
   // Add some style.
   map.data.setStyle((feature) => {
     return /** @type {google.maps.Data.StyleOptions} */ {
-      fillColor: feature.getProperty("color"),
+      fillColor: feature.getProperty("color") as string,
       strokeWeight: 1,
     };
   });

diff --git a/samples/layer-data-quakes-red/index.ts b/samples/layer-data-quakes-red/index.ts
@@ -26,7 +26,7 @@ function initMap(): void {
 
   // Add a basic style.
   map.data.setStyle((feature) => {
-    const mag = Math.exp(parseFloat(feature.getProperty("mag"))) * 0.1;
+    const mag = Math.exp(parseFloat(feature.getProperty("mag") as string)) * 0.1;
     return /** @type {google.maps.Data.StyleOptions} */ {
       icon: {
         path: google.maps.SymbolPath.CIRCLE,

diff --git a/samples/layer-data-quakes/index.ts b/samples/layer-data-quakes/index.ts
@@ -40,8 +40,9 @@ function styleFeature(feature: google.maps.Data.Feature) {
   const maxMag = 6.0;
 
   // fraction represents where the value sits between the min and max
+  let mag = feature.getProperty("mag") as number;
   const fraction =
-    (Math.min(feature.getProperty("mag"), maxMag) - minMag) / (maxMag - minMag);
+    (Math.min(mag, maxMag) - minMag) / (maxMag - minMag);
 
   const color = interpolateHsl(low, high, fraction);
 
@@ -51,11 +52,11 @@ function styleFeature(feature: google.maps.Data.Feature) {
       strokeWeight: 0.5,
       strokeColor: "#fff",
       fillColor: color,
-      fillOpacity: 2 / feature.getProperty("mag"),
+      fillOpacity: 2 / mag,
       // while an exponent would technically be correct, quadratic looks nicer
-      scale: Math.pow(feature.getProperty("mag"), 2),
+      scale: Math.pow(mag, 2),
     },
-    zIndex: Math.floor(feature.getProperty("mag")),
+    zIndex: Math.floor(mag),
   };
 }
 

diff --git a/samples/map-projection-simple/index.ts b/samples/map-projection-simple/index.ts
@@ -40,7 +40,7 @@ function initMap(): void {
   // Add some markers to the map.
   map.data.setStyle((feature) => {
     return {
-      title: feature.getProperty("name"),
+      title: feature.getProperty("name") as string,
       optimized: false,
     };
   });