Updated positioning of text
This commit is contained in:
16
index.js
16
index.js
@@ -213,9 +213,14 @@ function stateOrDistrictOrLanguage(d) {
|
||||
|
||||
// const mapWidth = document.getElementById("indiaMap").getAttribute("width")
|
||||
// const mapHeight = document.getElementById("indiaMap").getAttribute("height")
|
||||
const mapWidth = /*window.innerWidth - */document.querySelector("#svgContainer").offsetWidth * 0.85;
|
||||
let mapWidth = /*window.innerWidth - */document.querySelector("#svgContainer").offsetWidth * 0.85;
|
||||
// const mapHeight = document.querySelector("#svgContainer").offsetHeight;
|
||||
const mapHeight = (window.innerHeight - document.querySelector("#svgContainer").getBoundingClientRect().top);
|
||||
let mapHeight = (window.innerHeight - document.querySelector("#svgContainer").getBoundingClientRect().top);
|
||||
|
||||
if (window.innerWidth <= 768) {
|
||||
mapWidth *= 1.5;
|
||||
mapHeight *= 1.5;
|
||||
}
|
||||
|
||||
const svg = d3.select("#svgContainer")
|
||||
.append('svg')
|
||||
@@ -288,6 +293,9 @@ function drawMap(world) {
|
||||
if (d.properties.lang_name == "Tamil") {
|
||||
rtv += 20;
|
||||
}
|
||||
if (d.properties.lang_name == "Kannada" && window.innerWidth <= 768) {
|
||||
rtv += 15;
|
||||
}
|
||||
if (d.properties.lang_name == "Maithali") {
|
||||
rtv += 10;
|
||||
}
|
||||
@@ -304,7 +312,9 @@ function drawMap(world) {
|
||||
if (stateOrDistrictOrLanguage(d) == "language") {
|
||||
rtv = projection(d3.geoCentroid(d))[1]
|
||||
if (d.properties.lang_name == "Kannada") {
|
||||
rtv += 15;
|
||||
if (window.innerWidth > 768) {
|
||||
rtv += 10;
|
||||
}
|
||||
}
|
||||
if (d.properties.lang_name == "Tamil") {
|
||||
rtv -= 20;
|
||||
|
Reference in New Issue
Block a user