From d96415b1c52e1c94b1b82cc310465290210c4afe Mon Sep 17 00:00:00 2001
From: Chandler Swift <chandler@chandlerswift.com>
Date: Fri, 2 Feb 2024 03:25:22 -0600
Subject: [PATCH] Use getProperties instead of undocumented var

---
 layers/dot-cams/index.js | 8 ++++----
 main.js                  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layers/dot-cams/index.js b/layers/dot-cams/index.js
index b047a88..8f38101 100644
--- a/layers/dot-cams/index.js
+++ b/layers/dot-cams/index.js
@@ -38,23 +38,23 @@ for (let [state, url] of Object.entries(allStates)) {
             return new Style({
                 image: new Icon({
                     anchor: [0.5, 1],
-                    src: feature.values_.views[0].hasVideo ? pinVideo : pin,
+                    src: feature.getProperties().views[0].hasVideo ? pinVideo : pin,
                 }),
             });
         },
     });
 
     vectorLayer.customPopup = function(feature) {
-        const view = feature.values_.views[0];
+        const view = feature.getProperties().views[0];
         if (view.hasVideo) {
-            return `<p>${feature.values_.name}</p><video style="max-width: 80vw; max-height: 80vh;" id="popupVideo" autoplay controls></video>`;
+            return `<p>${feature.getProperties().name}</p><video style="max-width: 80vw; max-height: 80vh;" id="popupVideo" autoplay controls></video>`;
         } else {
             return `<img style="max-width: 80vw; max-height: 80vh;" src="${view.src}">`;
         }
     };
 
     vectorLayer.customPopupCallback = function(feature) {
-        const view = feature.values_.views[0];
+        const view = feature.getProperties().views[0];
         if (view.hasVideo) {
             const video = document.getElementById('popupVideo');
 
diff --git a/main.js b/main.js
index cba5c02..51f17e4 100644
--- a/main.js
+++ b/main.js
@@ -141,7 +141,7 @@ map.on('click', function (evt) {
     }
   } else {
     // exclude geometry -- https://stackoverflow.com/a/208106
-    const {geometry: _, ...featureData} = feature.values_;
+    const {geometry: _, ...featureData} = feature.getProperties();
 
     content.innerHTML = objectToTable(featureData);
   }