From 4941a058bd1b808347864303ac95084d61a59ee6 Mon Sep 17 00:00:00 2001
From: Ogoun <ogoun@users.noreply.github.com>
Date: Sat, 18 May 2024 18:39:58 +0300
Subject: [PATCH] map shows selected region

---
 src/js/index.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/js/index.js b/src/js/index.js
index 353e2bf..f552373 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -25,6 +25,7 @@ class WaypointsData {
                 const lat = parseFloat(loc[0].trim())
                 const lon = parseFloat(loc[1].trim())
                 this.markersData.push({
+                    regionId: r_idx,
                     location: [lat, lon],
                     tooltip: {
                         text: point.name,
@@ -102,6 +103,22 @@ function initMap() {
     }).dxMap('instance');
 }
 
+function reInitMap(regionId) {
+    const mapWidget = $('#map').dxMap({
+        provider: 'bing',
+        apiKey: {
+            bing: 'AnpoY0kAA4Kk5A045nQxyVbrlkNTgOuMVBitLxN_iLnZdtONf21HxUTzXwNIebES',
+        },
+        zoom: 11,
+        height: 440,
+        width: 760,
+        controls: true,
+        markerIconSrc: markerUrl,
+        markers: waypoints.getMarkers().filter(p => p.regionId == regionId),
+        type: 'roadmap'
+    }).dxMap('instance');
+}
+
 // Пересоздание списка точек указанного региона, для выбора мест к посещению
 function rebuildRegionPointsList(regionId) {
     if (regionPointsWidget) {
@@ -148,6 +165,7 @@ function initRegionDropDown() {
         keyExpr: 'id',
         onItemClick(e) {
             rebuildRegionPointsList(e.itemData.id);
+            reInitMap(e.itemData.id);
             DevExpress.ui.notify(`${e.itemData.name}`, 'success', 600);
         },
         items: waypoints.getRegions(),