Javascript 在d3地图中特定纬度和经度上显示圆圈
我正在使用.svg文件绘制印度地图。它根据需要显示印度地图。 现在我想用纬度和经度在地图上显示圆圈 如何使用位置数组绘制圆？任何源代码和网页链接将不胜感激 我的index.html代码如下所示，我使用的svg文件如下所示。 我的脚本的最终输出是 **请同时指导我，这是显示地图的正确方式吗？Javascript 在d3地图中特定纬度和经度上显示圆圈,javascript,svg,map,d3.js,Javascript,Svg,Map,D3.js,我正在使用.svg文件绘制印度地图。它根据需要显示印度地图。 现在我想用纬度和经度在地图上显示圆圈 如何使用位置数组绘制圆？任何源代码和网页链接将不胜感激 我的index.html代码如下所示，我使用的svg文件如下所示。 我的脚本的最终输出是 **请同时指导我，这是显示地图的正确方式吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="d3.v3.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
var places = [
{
name: "GUNA",
location: {
latitude: 24.5429,
longitude: 77.1032
}
},
{
name: "THE DANGS",
location: {
latitude: 20.4633,
longitude: 73.4646
}
}
]
d3.xml("toilet.svg", function(xml) {
var x = document.importNode(xml.documentElement, true);
document.body.appendChild(x)
});
</script>
</body>
</html>
变量位置=[
{
姓名：“古纳”，
地点：{
纬度：24.5429，
经度：77.1032
}
},
{
名称：“党”，
地点：{
纬度：20.4633，
经度：73.4646
}
}
]
xml（“toilet.svg”，函数（xml）{
var x=document.importNode（xml.documentElement，true）；
document.body.appendChild（x）
});