我不知道如何在gis地图上画一个圆圈。
单击按钮功能后获取圆的半径（val）。如果半径是== 1，那么我想在地图上的半径1上绘制圆圈，使用此绳索作为圆心（21.1,52.14）。
这怎么用d3.js？
码：
function map()
{
var map;
require(["esri/map", "dojo/domReady!"], function(Map) {
map = new Map("map", {
basemap: "topo", //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
center: [14.70, 52.53], // longitude, latitude
zoom: 6
});
});
}
function DrawCircle()
{
var val = document.getElementById("InputMin1").value;
if(val == 1)
{
var svg = d3.select('svg');
var originX = 21.1;
var originY = 52.14;
var outerCircleRadius = 100;
var outerCircle = svg.append("circle").attr({
cx: originX,
cy: originY,
r: outerCircleRadius,
fill: "none",
stroke: "black"
});
}
}
好吧，正如我所知，你只想在esri地图上添加一定距离的圆圈。
下面运行的样本在中心（21.1,52.14）上画一个圆圈。
var map;
require(["esri/map", "esri/geometry/Circle", "esri/layers/GraphicsLayer","esri/graphic", "esri/units", "esri/geometry/Point", "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol", "esri/Color"], function(Map, Circle,GraphicsLayer, Graphic, Units, Point,SimpleFillSymbol, SimpleLineSymbol, Color) {
map = new Map("map", {
basemap: "topo",
center: [14.70, 52.53], // longitude, latitude
zoom: 5
});
var centerPoint = new Point([21.1, 52.14]);
var circleGeometry = new Circle({
center: centerPoint,
radius: 100, // add distance
radiusUnit: Units.MILES, // add distance unit
geodesic: true
});
var gl = new GraphicsLayer({ id: "circles" });
map.addLayer(gl);
var sfs = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHDOT,
new Color([255,0,0]), 2),new Color([255,255,0,0.25])
);
var graphic = new Graphic(circleGeometry,sfs);
gl.add(graphic);
});html, body, #map {
height: 100%;
margin: 0;
padding: 0;
}<link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/css/esri.css">
<script src="https://js.arcgis.com/3.16/"></script>
<body>
<div id="map"></div>
</body>希望这会帮助你:)
我知道这不能回答关于D3.js的问题，但如果没有具体的理由使用D3，为什么不使用esri/geometry/Circle模块？它已经包含在Esri JS API中，因此您无需引入额外的库。
由指定中心点创建的圆（多边形）。此点可以作为esri / geometry / Point对象或纬度/经度值数组提供。
参考：https://developers.arcgis.com/javascript/jsapi/circle-amd.html
示例：https://developers.arcgis.com/javascript/jssamples/graphics_create_circles.html