map = {
const g = worldMap.append("g")
// .attr("fill", "none");
// svg.append("g")
// .selectAll("circle")
// .data(data2)
// .join("circle")
// .attr("transform", d => `translate(${projection([d.longitude, d.latitude])})`)
// .attr("r", d => colorschemes[colorScheme]["sizes"][d['type']])
// //.attr('fill', colorschemes[colorScheme]['point'])
// .attr('fill', d => colorschemes[colorScheme][d['type']])
// .attr("class", d => d['type'])
// .append("title")
// .text(d => d.name);
if (sizes.includes("small")) {
worldMap.append("g")
.attr('id', 'small')
.selectAll("circle")
.data(small)
.join("circle")
.attr("transform", d => `translate(${projection([d.longitude, d.latitude])})`)
.attr("r", d => colorschemes[colorScheme]["sizes"][d['type']])
//.attr('fill', colorschemes[colorScheme]['point'])
.attr('fill', d => colorschemes[colorScheme][d['type']])
.attr("class", d => d['type'])
.append("title")
.text(d => d.name);
}
if (sizes.includes("medium")) {
worldMap.append("g")
.attr('id', 'medium')
.selectAll("circle")
.data(medium)
.join("circle")
.attr("transform", d => `translate(${projection([d.longitude, d.latitude])})`)
.attr("r", d => colorschemes[colorScheme]["sizes"][d['type']])
//.attr('fill', colorschemes[colorScheme]['point'])
.attr('fill', d => colorschemes[colorScheme][d['type']])
.attr("class", d => d['type'])
.append("title")
.text(d => d.name);
}
if (sizes.includes("large")) {
worldMap.append("g")
.attr('id', 'large')
.selectAll("circle")
.data(large)
.join("circle")
.attr("transform", d => `translate(${projection([d.longitude, d.latitude])})`)
.attr("r", d => colorschemes[colorScheme]["sizes"][d['type']])
//.attr('fill', colorschemes[colorScheme]['point'])
.attr('fill', d => colorschemes[colorScheme][d['type']])
.attr("class", d => d['type'])
.attr("opacity", 0.5)
.append("title")
.text(d => d.name);
}
worldMap.append("g")
.attr('id', 'new-airports')
.selectAll("circle")
.data(newApts)
.join("circle")
.attr("transform", d => `translate(${projection([parseFloat(d.city_lng), parseFloat(d.city_lat)])})`)
.attr("r", d => colorschemes[colorScheme]["sizes"]['new_airport'])
//.attr('fill', colorschemes[colorScheme]['point'])
.attr('fill', d => colorschemes[colorScheme]['new_airport'])
.attr("class", d => d['type'])
.append("title")
.text(d => d.name);
return worldMap.node();
}