https://rheinstetten.de/site/Rheinstetten/resourceCached/24.2.8/js/karten/maps.js

1//Karten 
2import { GestureHandling } from './leaflet/leaflet-gesture-handling.js';
3var startlat = ""
4var startlon = ""
5
6jQuery(document).ready(function ($) {
7  if(typeof(DvvMap) != 'undefined'){
8    var map1 = jQuery(DvvMap.map); 
9    map1.get(0).then(function(result) {
10      result.addHandler("gestureHandling", GestureHandling);
11      result.gestureHandling.enable();
12    })
13  }
14  //Karte mini
15  if(typeof(DvvKarte) != 'undefined'){
16    jQuery('.basecontent-dvv-karte-mini').each(function(){
17        var id1 = jQuery('.mapCanvas', this).attr('id');
18        var map2 = jQuery(DvvKarte.minimaps).get(0)[id1]; 
19        map2.addHandler("gestureHandling", GestureHandling);
20        map2.gestureHandling.enable();
21    });
22  }
23  //Karte zm
24  if(typeof initMaps != 'undefined'){
25      if(jQuery('body.zmview').length > 0){
26        setTimeout(function() {
27          var mapString = String(L.DomUtil.get(initMaps));
28          var mapSubString = mapString.substring(
29                              mapString.indexOf("[") + 1, 
30                              mapString.lastIndexOf(","));
31          //createMap(mapString, mapSubString, 0)
32          //setRightView(mapString)
33         }, 1000);
34      }
35  }
36  //Karte Schadensmelder
37  if(typeof(map) != 'undefined'){
38    map.addHandler("gestureHandling", GestureHandling);
39    map.gestureHandling.enable();
40    map.invalidateSize()
41  }
42
43  //Json
44  // jQuery.getJSON('/site/Rheinstetten/data/2026853/Lde/Vstandard/dif/mapconfig.json', function(data) {
45  //   startlat = data.map.startLat
46  //   startlon = data.map.startLon
47  // })
48}) 
49
50
51//Kontakt + Map
52// jQuery(document).ready(function(){
53//     if(typeof initMaps != 'undefined'){
54//       var count = 0;
55//       jQuery('.contactDataBox').each(function(){
56//         var mapLink = jQuery('.mapsLink a', this).attr('href')
57//         if(mapLink.indexOf("lat") >= 0){
58//           jQuery('div.vCard', this).append('<div id="xmap' + count + '"></div>')
59//           var mapString = String(L.DomUtil.get(initMaps));
60//           var mapSubString =  mapString.substring(
61//                               mapString.indexOf("L.marker([") + 10, 
62//                               mapString.lastIndexOf(");"));
63//           if(count == 0){
64//             createMap(mapString, mapSubString, count)
65//           }
66//           console.log(count)
67//           var mapSubStringNew = mapSubString.substring(
68//                                 mapSubString.indexOf("L.marker([") + 10, 
69//                                 mapSubString.lastIndexOf('"'));
70//           if(count == 1){
71//               createMap(mapSubString, mapSubStringNew, count)
72//           }
73//           if(count == 2){
74//             console.log(mapSubStringNew)
75            
76//             var mapSubStringNewNew = mapSubStringNew.substring(
77//               mapSubStringNew.indexOf("L.marker([") + 10)
78//               console.log(mapSubStringNewNew)
79//             createMap(mapSubStringNew, mapSubStringNewNew, count)
80//           }
81//           count = count + 1;
82//         }
83//       });
84//     }
85//   });
86  
87// function setRightView(mapString){
88//   let body = mapString.substring(
89//     mapString.indexOf('{') + 1, 
90//     mapString.lastIndexOf('}')
91//   );
92
93//   // 3. Deine Änderungen vornehmen
94//   // Beispiel: Du möchtest einen Wert innerhalb des try-Blocks ändern
95//   let modifizierterBody = body.replace('map_canvas', 'xmap0');
96
97//   // 4. Die neue Funktion erstellen
98//   // 'new Function' akzeptiert den Rumpf als String
99//     jQuery('<div class="xmap0" id="xmap0" style="width:100%; height:600px; margin-top:1em"><!-- map_canvas --></div>').insertAfter(jQuery('.cmsmap'));
100
101//   let neueFunktion = new Function(modifizierterBody);
102
103//   neueFunktion();
104
105// }
106  function createMap(mapString, mapSubString, count){
107    var lat = mapSubString.substring(0, mapSubString.indexOf(',')); 
108    var lon = mapSubString.substring(
109    mapSubString.indexOf(" ") + 1, 
110    mapSubString.lastIndexOf("]"));
111    lat = parseFloat(lat);
112    lon = parseFloat(lon);
113  
114    //get organization
115    var PopUpOrganization = mapString.substring(mapString.indexOf('organization'));
116    var PopUpOrganization1 = PopUpOrganization.substring(  PopUpOrganization.indexOf('E') + 1, 
117                                          PopUpOrganization.indexOf('u003C'));
118    var organization = PopUpOrganization1.substring(0, PopUpOrganization1.length - 1);
119  
120    //get street
121    var PopUpStreet = mapString.substring(mapString.indexOf('street-address'));
122    var PopUpStreet1 = PopUpStreet.substring(  PopUpStreet.indexOf('E') + 1, 
123        PopUpStreet.indexOf('u003C'));
124    var street = PopUpStreet1.substring(0, PopUpStreet1.length - 1);
125  
126    //get cityline
127    var PopUpcityline = mapString.substring(mapString.indexOf('cityline'));
128    var PopUpcityline1 = PopUpcityline.substring(  PopUpcityline.indexOf('E') + 1, 
129          PopUpcityline.indexOf('u003C'));
130    var cityline = PopUpcityline1.substring(0, PopUpcityline1.length - 1);
131  
132    //get plz
133    var PopUpplz = mapString.substring(mapString.indexOf('postal-code'));
134    var PopUpplz1 = PopUpplz.substring(  PopUpplz.indexOf('E') + 1, 
135      PopUpplz.indexOf('u003C'));
136    var plz = PopUpplz1.substring(0, PopUpplz1.length - 1);
137  
138    //get location
139    var PopUploc = mapString.substring(mapString.indexOf('locality'));
140    var PopUploc1 = PopUploc.substring(  PopUploc.indexOf('E') + 1, 
141    PopUploc.indexOf('u003C'));
142    var location = PopUploc1.substring(0, PopUploc1.length - 1);

143    var cont = "xmap" + count
144    jQuery('<div class="' + cont + '" id="' + cont + '" style="width:100%; height:400px; margin-top:1em"><!-- map_canvas --></div>').insertAfter(jQuery('#map_canvas'));
145    jQuery('#map_canvas').remove();
146    var map = L.map(cont,
147    {"fullscreenControl": true, 
148    "fullscreenControlOptions": 
149    {"title": "Vollbildmodus", "titleCancel": "Vollbildmodus beenden", "content": "\u003Cspan class=\"fa fa-expand\"\u003E\u003C/span\u003E"}})
150    map.setView([lat, lon], 16);
151    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
152    maxZoom: 18,
153    attribution: 'Map data &copy; <a href="https://openstreetmap.org">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
154    id: 'mapbox.streets'
155    }).addTo(map);
156    var marker = L.marker([lat, lon]).addTo(map)
157    .bindPopup("\r\n\u003Cdiv class=\"organization\"\u003E" + organization + "\u003C/div\u003E\r\n\u003Cdiv class=\"street-address\"\u003E" + street + "\u003C/div\u003E\r\n\u003Cdiv class=\"cityline\"\u003E" + cityline + "\u003Cspan class=\"postal-code\"\u003E" + plz + "\u003C/span\u003E \u003Cspan class=\"locality\"\u003E" + location + "\u003C/span\u003E\u003C/div\u003E\r\n");
158  
159    map.invalidateSize();
160    var CONTROL_INTERVAL1 = setInterval(function(){
161    // Check if element exist
162    if(map._container !== ""){
163    map.invalidateSize();
164    map.addHandler("gestureHandling", GestureHandling);
165    map.gestureHandling.enable();
166    clearInterval(CONTROL_INTERVAL1);
167    }
168    }); 
169  }