Enable visualRefresh on all sample maps

samples/add-map/index.ts

@@ -12,6 +12,7 @@ function initMap(): void {
 
   // The map, centered at London
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     zoom: 13,
     center: position,
   });

samples/datasets-api/index.ts

@@ -21,6 +21,7 @@ function initMap(): void {
   // [START woosmap_datasets_api_instantiate_map]
 
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     gestureHandling: "auto",
     defaultStyle: "streets",
   });

samples/directions-advanced/index.ts

@@ -524,6 +524,7 @@ function initUI(): void {
 
 function initMap(): void {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: { lat: 51.5074, lng: -0.1478 },
     zoom: 10,
   });

samples/directions-simple/index.ts

@@ -7,6 +7,7 @@ function initMap(): void {
   const directionsService = new woosmap.map.DirectionsService();
   const directionsRenderer = new woosmap.map.DirectionsRenderer({});
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     zoom: 7,
     center: {
       lat: 43.5,

samples/distance-isochrone/index.ts

@@ -34,6 +34,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 9,
       center: centerLatLng,
     },

samples/distance-matrix-advanced/index.ts

@@ -409,6 +409,7 @@ function initUI(): void {
 
 function initMap(): void {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: { lat: 51.4855, lng: -0.3179 },
     zoom: 6,
   });

samples/distance-matrix/index.ts

@@ -93,6 +93,7 @@ function calculateDistances(): void {
 
 function initMap(): void {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: { lat: 45.53, lng: 2.4 },
     zoom: 10,
   });

samples/draw-shapes-events/index.ts

@@ -81,6 +81,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 31.54350013250679, lng: -97.13238669872247 },
       zoom: 6.5,
     },

samples/draw-shapes/index.ts

@@ -9,6 +9,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       gestureHandling: "greedy",
       center: { lng: 3.878, lat: 43.611 },
       zoom: 15,

samples/event-simple/index.ts

@@ -7,6 +7,7 @@ function initMap() {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 13,
       center: position,
     },

samples/geolocation-api/index.ts

@@ -52,6 +52,7 @@ function renderUserLocationOnMap({ latitude, accuracy, longitude, viewport }) {
     zoom = 11;
   }
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: userPosition,
     zoom,
   });

samples/indoor-directions-service/index.ts

@@ -9,6 +9,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 43.6066, lng: 3.9218 },
       zoom: 19.5,
     },

samples/indoor-map-advanced/index.ts

@@ -5,6 +5,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 43.6066, lng: 3.9218 },
       zoom: 19.5,
     },

samples/indoor-map-simple/index.ts

@@ -5,6 +5,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 43.6066, lng: 3.9218 },
       zoom: 19.5,
     },

samples/indoor-navigation-widget/index.ts

@@ -9,7 +9,7 @@ function initMap(): void {
   venue = "gdn_doc";
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
-    { center: { lat: 43.6066, lng: 3.9218 } },
+    { visualRefresh: true, center: { lat: 43.6066, lng: 3.9218 } },
   );
 
   const conf: woosmap.map.IndoorRendererOptions = {

samples/indoor-widget-advanced/index.ts

@@ -5,6 +5,7 @@ function initMap(): void {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 43.6066, lng: 3.9218 },
       zoom: 5,
     },

samples/indoor-widget-simple/index.ts

@@ -5,7 +5,7 @@ function initMap(): void {
   console.log("init map");
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
-    {},
+    { visualRefresh: true },
   );
 
   const conf: woosmap.map.IndoorRendererOptions = {

samples/infowindow-simple/index.ts

@@ -7,6 +7,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 10,
       center: {
         lat: 51.57,

samples/localities-api-details-postalcodes/index.ts

@@ -36,6 +36,7 @@ function init(): void {
 
 function initMap(): void {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: {
       lat: 48.8534,
       lng: 2.3488,

samples/localities-api-details/index.ts

@@ -15,6 +15,7 @@ let addressDetailsContainer: HTMLElement;
 
 function initMap(): void {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: {
       lat: 48.8534,
       lng: 2.3488,

samples/localities-api-shape/index.ts

@@ -16,6 +16,7 @@ let hasShape = false;
 
 function initMap(): void {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: {
       lat: 48.8534,
       lng: 2.3488,

samples/localities-autocomplete/index.ts

@@ -10,6 +10,7 @@ function initMap(): void {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 51.50940214, lng: -0.133012 },
       zoom: 4,
     },

samples/localities-geocode/index.ts

@@ -10,6 +10,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 51.50940214, lng: -0.133012 },
       zoom: 12,
     },

samples/localities-nearby-poi/index.ts

@@ -117,6 +117,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 40.71399, lng: -74.00499 },
       zoom: 14,
       styles: [

samples/map-clustering-geojson/index.ts

@@ -20,6 +20,7 @@ function initMap(): void {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: {
         lat: 55.5,
         lng: -4,

samples/map-clustering-stores/index.ts

@@ -19,6 +19,7 @@ function initMap(): void {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 53.3485, lng: -6.257 },
       zoom: 12,
       styles: [

samples/map-events/index.ts

@@ -19,6 +19,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: {
         lat: 51.52,
         lng: -0.13,

samples/map-external-layer/index.ts

@@ -16,6 +16,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 15.64,
       center: centerLatLng,
       mapTypeControl: true,
@@ -78,6 +79,7 @@ function applyStyle(name: string) {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: map.getZoom(),
       center: map.getCenter(),
       mapTypeControl: true,

samples/map-style-lightgrey/index.ts

@@ -5,6 +5,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 12,
       center: position,
       styles: [

samples/map-style-night/index.ts

@@ -8,6 +8,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 15,
       center: position,
       styles: [

samples/map-style-pois/index.ts

@@ -8,6 +8,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 16,
       center: position,
       styles: [

samples/map-style-retro/index.ts

@@ -5,6 +5,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 14,
       center: position,
       styles: [

samples/map-type-hybrid/index.ts

@@ -10,6 +10,7 @@ function initMap(): void {
 
   // The map, initialized with hybrid satellite view
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     zoom: 16,
     center: position,
     mapTypeId: woosmap.map.MapTypeId.HYBRID,

samples/marker-click-event/index.ts

@@ -152,6 +152,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 0,
       center: center,
     },

samples/marker-html-css/index.ts

@@ -87,6 +87,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 13,
       center: center,
     },

samples/marker-label/index.ts

@@ -10,6 +10,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 10,
       center: center,
     },

samples/marker-simple/index.ts

@@ -5,6 +5,7 @@ function initMap(): void {
   const map = new woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       zoom: 13,
       center: center,
     },

samples/multisearch-map-advanced/index.ts

@@ -81,6 +81,7 @@ function initMap(): void {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 51.50940214, lng: -0.133012 },
       zoom: 4,
     },

samples/multisearch-map-simple/index.ts

@@ -60,6 +60,7 @@ function initMap(): void {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 51.50940214, lng: -0.133012 },
       zoom: 4,
     },

samples/react-map-basic/index.tsx

@@ -59,6 +59,7 @@ const WoosmapMap: React.FC<woosmap.map.MapOptions> = ({ center, zoom }) => {
   useEffect(() => {
     if (mapRef.current && !mapInstance) {
       const map = new woosmap.map.Map(mapRef.current, {
+        visualRefresh: true,
         zoom,
         center,
       });

samples/react-map-with-custom-overlay/index.tsx

@@ -61,6 +61,7 @@ const WoosmapMap: React.FC<MapProps> = ({ center, zoom, children }) => {
   useEffect(() => {
     if (mapRef.current && !mapInstance) {
       const map = new woosmap.map.Map(mapRef.current, {
+        visualRefresh: true,
         zoom,
         center,
       });

samples/react-map-with-localities/index.tsx

@@ -64,6 +64,7 @@ const WoosmapMap: React.FC<MapProps> = ({ center, zoom, children }) => {
   useEffect(() => {
     if (mapRef.current && !mapInstance) {
       const map = new woosmap.map.Map(mapRef.current, {
+        visualRefresh: true,
         zoom,
         center,
       });

samples/render-shapes-circles/index.ts

@@ -137,6 +137,7 @@ const data = {
 
 function initMap() {
   map = new woosmap.map.Map(document.getElementById("map") as HTMLElement, {
+    visualRefresh: true,
     center: {
       lat: 40,
       lng: 0,

samples/render-shapes-data-events/index.ts

@@ -39,6 +39,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 29.65, lng: -97.74 },
       zoom: 6,
     },

samples/render-shapes-data/index.ts

@@ -202,6 +202,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 53.3430183, lng: -6.25321 },
       zoom: 14,
     },

samples/render-shapes-geojson/index.ts

@@ -6,6 +6,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 53.51, lng: 8.15 },
       zoom: 4,
     },

samples/render-shapes-polygons/index.ts

@@ -7,6 +7,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 29.65, lng: -97.74 },
       zoom: 6,
     },

samples/render-shapes-polylines/index.ts

@@ -6,6 +6,7 @@ function initMap() {
   map = new window.woosmap.map.Map(
     document.getElementById("map") as HTMLElement,
     {
+      visualRefresh: true,
       center: { lat: 51.505, lng: -0.118 },
       zoom: 15,
     },