ഘടകം:Slippymap/sandbox - നാൾവഴി

13:04, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T13:04:48Z

13:00, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T13:00:01Z

12:52, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:52:07Z

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

	function p.slippymap(frame)		function p.slippymap(frame)
	-- Get arguments from the template ~~or directly from the page~~		-- Get arguments from the template
	local args = frame:getParent().args		local args = frame:getParent().args
	local lat = args["lat"] or "0" -- Default latitude		local lat = args["lat"] or "0" -- Default latitude
	local lon = args["lon"] or "0" -- Default longitude		local lon = args["lon"] or "0" -- Default longitude
			local height = args["height"] or "400px" -- Default height
			local width = args["width"] or "100%" -- Default width
			local zoom = args["zoom"] or "13" -- Default zoom level
	local text = args["text"] or "Marker" -- Default marker text		local text = args["text"] or "Marker" -- Default marker text
	local logo = args["logo"] or "File:63rd_state_kalolsavam_logo.png" -- Default logo image (complete URL)		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		-- Ensure lat and lon are numeric
	lat = tonumber(lat) or 0		lat = tonumber(lat) or 0
	lon = tonumber(lon) or 0		lon = tonumber(lon) or 0
			zoom = tonumber(zoom) or 13

	-- Kartographer map rendering		-- Kartographer map rendering
	local mapHtml = mw.html.create("div")		local mapHtml = mw.html.create("div")
	mapHtml:addClass("kartographer-map")		mapHtml:addClass("kartographer-map")
	mapHtml:attr("style", "width: ~~100%~~; height: ~~400px~~;")		mapHtml:attr("style", "width: " .. width .. "; height: " .. height .. ";")
	mapHtml:wikitext('{{#invoke:Kartographer\|map\|' .. lat .. ',' .. lon .. '\|zoom=13\|markers=' .. lat .. ',' .. lon .. '\|' .. text .. '}}')
			-- Add Kartographer map invocation
			mapHtml:wikitext('{{#invoke:Kartographer\|map\|' .. lat .. ',' .. lon .. '\|zoom=' .. zoom .. '\|markers=' .. lat .. ',' .. lon .. '\|' .. text .. '}}')

	-- Logo as an image		-- Logo as an image

12:48, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:48:52Z

←പഴയ രൂപം		18:18, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 13:		വരി 13:
	lon = tonumber(lon) or 0		lon = tonumber(lon) or 0

	-- ~~Generate the~~ map ~~HTML using Kartographer~~		-- Kartographer map rendering
	local mapHtml = mw.html.create("div")		local mapHtml = mw.html.create("div")
	mapHtml:addClass("kartographer-map")		mapHtml:addClass("kartographer-map")
	mapHtml:attr("style", "width: 100%; height: 400px;")		mapHtml:attr("style", "width: 100%; height: 400px;")
			mapHtml:wikitext('{{#invoke:Kartographer\|map\|' .. lat .. ',' .. lon .. '\|zoom=13\|markers=' .. lat .. ',' .. lon .. '\|' .. text .. '}}')

	-- ~~Generate the logo HTML~~		-- Logo as an image
	local logoHtml = mw.html.create("div")		local logoHtml = mw.html.create("div")
	logoHtml:addClass("logo")		logoHtml:addClass("logo")
വരി 24:		വരി 25:
	logoHtml:wikitext('[[File:' .. logo .. '\|100px\|link=]]')		logoHtml:wikitext('[[File:' .. logo .. '\|100px\|link=]]')

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

	return p		return p

12:47, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:47:08Z

←പഴയ രൂപം		18:17, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 7:		വരി 7:
	local lon = args["lon"] or "0" -- Default longitude		local lon = args["lon"] or "0" -- Default longitude
	local text = args["text"] or "Marker" -- Default marker text		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)		local logo = args["logo"] or "File:63rd_state_kalolsavam_logo.png" -- Default logo image (complete URL)

	-- Ensure lat and lon are numeric		-- Ensure lat and lon are numeric

12:45, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:45:52Z

←പഴയ രൂപം		18:15, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 13:		വരി 13:
	lon = tonumber(lon) or 0		lon = tonumber(lon) or 0

	-- Generate the HTML ~~for the map~~		-- Generate the map HTML using Kartographer
	local mapHtml = mw.html.create("div")		local mapHtml = mw.html.create("div")
	mapHtml:addClass("~~leaflet~~-map")		mapHtml:addClass("kartographer-map")
	mapHtml:attr("style", "width: 100%; height: 400px;")		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		end

	return p		return p

12:44, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:44:31Z

←പഴയ രൂപം		18:14, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 7:		വരി 7:
	local lon = args["lon"] or "0" -- Default longitude		local lon = args["lon"] or "0" -- Default longitude
	local text = args["text"] or "Marker" -- Default marker text		local text = args["text"] or "Marker" -- Default marker text
	local logo = args["logo"] or "File:~~63rd state kalolsavam logo~~.png" -- Default logo image		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		-- Ensure lat and lon are numeric
വരി 19:		വരി 19:
	mapHtml:attr("id", "map")		mapHtml:attr("id", "map")

	-- ~~Get~~ the ~~correct~~ logo URL (~~ensure~~ it~~'s a string~~)		-- Check if the logo URL is valid (it should already be the complete URL)
	local logoUrl = ~~mw.uri.fullUrl(~~logo)		local logoUrl = logo -- Use the logo URL passed from the template directly

	-- ~~Check if~~ the ~~logoUrl is nil and fallback to a default~~
	~~if logoUrl == nil then~~
	~~logoUrl = mw.uri.fullUrl("File:63rd state kalolsavam~~ logo~~.png") -- Fallback logo~~
	~~end~~

	local script = mw.html.create("script")		local script = mw.html.create("script")

12:43, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:43:11Z

←പഴയ രൂപം		18:13, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 1:		വരി 1:
	local p = {}		local p = {}

	function p.~~renderMap~~(frame)		function p.slippymap(frame)
	-- Get arguments from the template or directly from the page		-- Get arguments from the template or directly from the page
	local args = frame:getParent().args		local args = frame:getParent().args

12:42, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:42:56Z

←പഴയ രൂപം		18:12, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 1:		വരി 1:
	local p = {}		local p = {}

	function p.~~slippymap~~(frame)		function p.renderMap(frame)
	-- Get arguments from the template or directly from the page		-- Get arguments from the template or directly from the page
	local args = frame:getParent().args		local args = frame:getParent().args
വരി 21:		വരി 21:
	-- Get the correct logo URL (ensure it's a string)		-- Get the correct logo URL (ensure it's a string)
	local logoUrl = mw.uri.fullUrl(logo)		local logoUrl = mw.uri.fullUrl(logo)
	if ~~type(~~logoUrl) == ~~"table"~~ then
	logoUrl = ~~logoUrl[1]~~ -- ~~Extract the string URL from the table~~		-- Check if the logoUrl is nil and fallback to a default
			if logoUrl == nil then
			logoUrl = mw.uri.fullUrl("File:63rd state kalolsavam logo.png") -- Fallback logo
	end		end

12:41, 6 ജനുവരി 2025 സമയത്ത് Jinoytommanjaly

2025-01-06T12:41:27Z

←പഴയ രൂപം		18:11, 6 ജനുവരി 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 19:		വരി 19:
	mapHtml:attr("id", "map")		mapHtml:attr("id", "map")

	-- ~~Correct usage of mw.uri.fullUrl~~() ~~for logo~~		-- Get the correct logo URL (ensure it's a string)
	local logoUrl = mw.uri.fullUrl(logo)		local logoUrl = mw.uri.fullUrl(logo)
			if type(logoUrl) == "table" then
			logoUrl = logoUrl[1] -- Extract the string URL from the table
			end

	local script = mw.html.create("script")		local script = mw.html.create("script")