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

18:15, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം

ഈ ഘടകത്തിന്റെ വിവരണം ഘടകം:Slippymap/sandbox/വിവരണം എന്ന താളിൽ നിർമ്മിക്കാവുന്നതാണ്

local p = {}

function p.slippymap(frame)
    -- Get arguments from the template or directly from the page
    local args = frame:getParent().args
    local lat = args["lat"] or "0"  -- Default latitude
    local lon = args["lon"] or "0"  -- Default longitude
    local text = args["text"] or "Marker"  -- Default marker text
    local logo = args["logo"] or "https://schoolwiki.in/File:63rd_state_kalolsavam_logo.png"  -- Default logo image (complete URL)

    -- Ensure lat and lon are numeric
    lat = tonumber(lat) or 0
    lon = tonumber(lon) or 0

    -- Generate the map HTML using Kartographer
    local mapHtml = mw.html.create("div")
    mapHtml:addClass("kartographer-map")
    mapHtml:attr("style", "width: 100%; height: 400px;")

    -- Generate the logo HTML
    local logoHtml = mw.html.create("div")
    logoHtml:addClass("logo")
    logoHtml:attr("style", "position: absolute; bottom: 10px; left: 10px;")
    logoHtml:wikitext('[[File:' .. logo .. '|100px|link=]]')

    -- Returning the HTML output with both map and logo
    return tostring(mapHtml) .. tostring(logoHtml) ..
           '\n{{#invoke:Kartographer|map|' .. lat .. ',' .. lon .. '|' .. text .. '}}'
end

return p

@@ വരി 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