"ഘടകം:Slippymap/sandbox" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം

← മുൻപത്തെ വ്യത്യാസം അടുത്ത വ്യത്യാസം →

@@ വരി 13: / വരി 13: @@
      lon = tonumber(lon) or 0
-     -- Generate the HTML for the map
+     -- Generate the map HTML using Kartographer
      local mapHtml = mw.html.create("div")
-     mapHtml:addClass("leaflet-map")
+     mapHtml:addClass("kartographer-map")
      mapHtml:attr("style", "width: 100%; height: 400px;")
-    mapHtml:attr("id", "map")
-     -- Check if the logo URL is valid (it should already be the complete URL)
+     -- Generate the logo HTML
-     local logoUrl = logo  -- Use the logo URL passed from the template directly
+    local logoHtml = mw.html.create("div")
+     logoHtml:addClass("logo")
+    logoHtml:attr("style", "position: absolute; bottom: 10px; left: 10px;")
+    logoHtml:wikitext('[[File:' .. logo .. '|100px|link=]]')
-     local script = mw.html.create("script")
+     -- Returning the HTML output with both map and logo
-     script:wikitext([[
+     return tostring(mapHtml) .. tostring(logoHtml) ..
-        mw.loader.using(['ext.kartographer.static']).then(function() {
+           '\n{{#invoke:Kartographer|map|' .. lat .. ',' .. lon .. '|' .. text .. '}}'
-            var map = L.map('map').setView([]] .. lat .. [[, ]] .. lon .. [[], 13);
-            // Add OpenStreetMap tile layer
-            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-                maxZoom: 19
-            }).addTo(map);
-            // Add marker
-            L.marker([]] .. lat .. [[, ]] .. lon .. [[]).addTo(map)
-                .bindPopup("]] .. text .. [[")
-                .openPopup();
-            // Add logo image as a custom control
-            var logoControl = L.control({position: 'bottomleft'});
-            logoControl.onAdd = function() {
-                var div = L.DomUtil.create('div', 'logo');
-                div.innerHTML = '<img src="]] .. logoUrl .. [[" style="width: 100px; height: auto;" />';
-                return div;
-            };
-            logoControl.addTo(map);
-        });
-    ]])
-    -- Combine HTML and script
-    return tostring(mapHtml) .. tostring(script)
 end
 return p