Added language codes for each language, add some testing text to determine if I can draw based on lat/long

index.js

@@ -28,31 +28,31 @@ const awadhiColor = "#847fb5" // Awadhi
 const unavailLangColor = "#555555"
 
 const languages = {
-			tamil: {name: "Tamil", color: tamilColor, districts: []},
-			malayalam: {name: "Malayalam", color: malayalamColor, districts: []},
-			kannada: {name: "Kannada", color: kannadaColor, districts: []},
-			telugu: {name: "Telugu", color: teluguColor, districts: []},
-			marathi: {name: "Marathi", color: marathiColor, districts: []},
-			konkani: {name: "Konkani", color: konkaniColor, districts: []},
-			hindi: {name: "Hindi", color: hindiColor, districts: []},
-			gujarati: {name: "Gujarati", color: gujaratiColor, districts: []},
-			marwari: {name: "Marwari", color: marwariColor, districts: []},
-			oriya: {name: "Oriya", color: oriyaColor, districts: []},
-			bengali: {name: "Bengali", color: bengaliColor, districts: []},
-			punjabi: {name: "Punjabi", color: punjabiColor, districts: []},
-			mizo: {name: "Mizo", color: mizoColor, districts: []},
-			assamese: {name: "Assamese", color: assameseColor, districts: []},
-			bhojpuri: {name: "Bhojpuri", color: bhojpuriColor, districts: []},
-			manipuri: {name: "Manipuri", color: manipuriColor, districts: []},
-			dogri: {name: "Dogri", color: dogriColor, districts: []},
-			nepali: {name: "Nepali", color: nepaliColor, districts: []},
-			urdu: {name: "Urdu", color: urduColor, districts: []},
-			tulu: {name: "Tulu", color: tuluColor, districts: []},
-			maithali: {name: "Maithali", color: maithaliColor, districts: []},
-			santali: {name: "Santali", color: santaliColor, districts: []},
-			sindhi: {name: "Sindhi", color: sindhiColor, districts: []},
-			awadhi: {name: "Awadhi", color: awadhiColor, districts: []},
-			unavail: {name: "Unavailable", color: unavailLangColor, districts: []},
+			tamil: {name: "Tamil", color: tamilColor, code: "ta", districts: []},
+			malayalam: {name: "Malayalam", color: malayalamColor, code: "ml", districts: []},
+			kannada: {name: "Kannada", color: kannadaColor, code: "kn", districts: []},
+			telugu: {name: "Telugu", color: teluguColor, code: "te", districts: []},
+			marathi: {name: "Marathi", color: marathiColor, code: "mr", districts: []},
+			konkani: {name: "Konkani", color: konkaniColor, code: "gom", districts: []},
+			hindi: {name: "Hindi", color: hindiColor, code: "hi", districts: []},
+			gujarati: {name: "Gujarati", color: gujaratiColor, code: "gu", districts: []},
+			marwari: {name: "Marwari", color: marwariColor, code: "mwr", districts: []},
+			oriya: {name: "Oriya", color: oriyaColor, code: "or", districts: []},
+			bengali: {name: "Bengali", color: bengaliColor, code: "bn", districts: []},
+			punjabi: {name: "Punjabi", color: punjabiColor, code: "pa", districts: []},
+			mizo: {name: "Mizo", color: mizoColor, code: "lus", districts: []},
+			assamese: {name: "Assamese", color: assameseColor, code: "as", districts: []},
+			bhojpuri: {name: "Bhojpuri", color: bhojpuriColor, code: "bho", districts: []},
+			manipuri: {name: "Manipuri", color: manipuriColor, code: "mni-Mtei", districts: []},
+			dogri: {name: "Dogri", color: dogriColor, code: "doi", districts: []},
+			nepali: {name: "Nepali", color: nepaliColor, code: "ne", districts: []},
+			urdu: {name: "Urdu", color: urduColor, code: "ur", districts: []},
+			tulu: {name: "Tulu", color: tuluColor, code: "tcy", districts: []},
+			maithali: {name: "Maithali", color: maithaliColor, code: "mai", districts: []},
+			santali: {name: "Santali", color: santaliColor, code: "sat", districts: []},
+			sindhi: {name: "Sindhi", color: sindhiColor, code: "sd", districts: []},
+			awadhi: {name: "Awadhi", color: awadhiColor, code: "awa", districts: []},
+			unavail: {name: "Unavailable", color: unavailLangColor, code: "unavailable", districts: []},
 			};
 
 // Credit: https://www.artcraftblend.com/blogs/colors/shades-of-pastel
@@ -271,6 +271,17 @@ function drawMap(world) {
 
 		let allLangs = []
 
+	const coordinates = [77.69916967457782,23.389970772934166];
+	const [xCoord, yCoord] = projection(coordinates);
+	
+	svg.append("text")
+    .attr("x", xCoord)
+    .attr("y", yCoord)
+	.attr("class", "testClass")
+    .attr("text-anchor", "middle")
+    .attr("font-size", "12px")
+    .attr("fill", "black")
+    .text("Hello, Map!");
 	// for (const [langId,lang] of Object.entries(languages)) {
 	// 	let geojson = {
 	// 	    "type": "FeatureCollection",