update libs

Author: zhik

public/streetview.html

@@ -5,7 +5,7 @@
   <title>Open Layers Street Smart Example</title>
   <meta charset="utf-8" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/flatly/bootstrap.css">
-  <link rel="stylesheet" href="https://unpkg.com/openlayers@4.6.5/dist/ol.css" type="text/css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v10.6.0/ol.css">
   <style>
     body {
       display: flex;
@@ -61,9 +61,9 @@
 
   <script type="text/javascript" src="https://unpkg.com/react@18.2.0/umd/react.production.min.js"></script>
   <script type="text/javascript" src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
-  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v6.12.0/build/ol.js"></script>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
-  <script type="text/javascript" src="https://streetsmart.cyclomedia.com/api/v24.9/StreetSmartApi.js" ></script>
+  <script type="text/javascript" src="https://unpkg.com/lodash@4.17.21/lodash.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/ol@v10.6.0/dist/ol.js"></script>
+  <script type="text/javascript" src="https://streetsmart.cyclomedia.com/api/v25.2/StreetSmartApi.js" ></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.9.0/proj4.js" integrity="sha512-lO8f7sIViqr9x5VE6Q72PS6f4FoZcuh5W9YzeSyfNRJ9z/qL3bkweiwG6keGzWS0BQzNDqAWXdBhYzFD6KffIw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 </head>
 
@@ -121,7 +121,7 @@
       proj4.defs('EPSG:26918', "+proj=utm +zone=18 +ellps=GRS80 +datum=NAD83 +units=m +no_defs");
       ol.proj.proj4.register(proj4);
       const nad83_zone18_proj = ol.proj.get('EPSG:26918')
-      const xy_nad83 = proj4('EPSG:4326', 'EPSG:26918', xy)
+      const xy_nad83 = ol.proj.transform(xy, 'EPSG:4326', 'EPSG:26918')
 
       const view = new ol.View({
         center: xy_nad83,
@@ -139,7 +139,7 @@
             source: new ol.source.OSM(),
           })
         ],
-        controls: ol.control.defaults({attribution: false}).extend([attribution]),
+        controls: ol.control.defaults.defaults({attribution: false}).extend([attribution]),
         target: 'map',
         view: view,
       });
@@ -239,7 +239,6 @@
 
       const vector = new ol.layer.Vector({
         source: new ol.source.Vector(),
-        projection: "EPSG:26918",
         style: new ol.style.Style({
           image: new ol.style.Circle({
             radius: 3,
@@ -259,18 +258,23 @@
         return new ol.Feature(elem);
       }
 
+      let addedCoordinates = new Set();
+
       function bboxReady() {
         var layerSource = vector.getSource();
-
         var recordings = wfsClient.recordingList;
 
         if (recordings.length > 0) {
-          var b = [];
           for (i = 0; i < recordings.length; i++) {
             var rec = recordings[i];
             var coord = [rec.lon, rec.lat];
-            var feature = RecordingFeature(coord);
-            layerSource.addFeature(feature);
+            var coordKey = coord[0] + ',' + coord[1];
+            
+            if (!addedCoordinates.has(coordKey)) {
+              var feature = RecordingFeature(coord);
+              layerSource.addFeature(feature);
+              addedCoordinates.add(coordKey);
+            }
           }
         }
       }
@@ -335,7 +339,7 @@
       }
 
       var createCanvasContext2D = function (opt_width, opt_height) {
-        var canvas = document.createElement('CANVAS');
+        var canvas = document.createElement('canvas');
         if (opt_width) {
           canvas.width = opt_width;
         }