arcgis js graphic的绘制方式
时间: 2023-12-03 22:04:38 浏览: 29
ArcGIS JS API提供了多种绘制图形的方式,以下是其中的几种:
1. SimpleMarkerSymbol:绘制简单的点图形,可以设置颜色、大小等属性。
2. SimpleLineSymbol:绘制简单的线图形,可以设置颜色、宽度等属性。
3. SimpleFillSymbol:绘制简单的面图形,可以设置颜色、透明度等属性。
4. PictureMarkerSymbol:绘制图片点图形,可以使用自定义的图片作为点的样式。
5. PictureFillSymbol:绘制图片面图形,可以使用自定义的图片作为面的填充样式。
6. TextSymbol:绘制文本图形,可以设置文本内容、字体、颜色等属性。
除了以上的几种基本的图形类型,ArcGIS JS API还提供了更多复杂的图形类型,如Polygon、Polyline、Multipoint等,可以根据具体需求选择合适的图形类型进行绘制。同时,API还提供了丰富的工具和事件来支持图形的交互和编辑。
相关问题
arcgis js graphic绘制html
ArcGIS JavaScript API中的Graphic对象可以用来绘制地图上的图形,它可以是点、线、面等,也可以是自定义的图形。要在HTML中绘制Graphic对象,可以使用以下步骤:
1. 引入ArcGIS JavaScript API的库文件和样式表:
```
<link rel="stylesheet" href="https://js.arcgis.com/4.16/esri/css/main.css">
<script src="https://js.arcgis.com/4.16/"></script>
```
2. 创建一个地图容器:
```
<div id="mapView"></div>
```
3. 在JavaScript代码中创建地图和Graphic对象:
```
require([
"esri/Map",
"esri/views/MapView",
"esri/Graphic"
], function(Map, MapView, Graphic) {
var map = new Map({
basemap: "streets-navigation-vector"
});
var view = new MapView({
container: "mapView",
map: map,
center: [-118.805, 34.027],
zoom: 13
});
var graphic = new Graphic({
geometry: {
type: "point",
longitude: -118.805,
latitude: 34.027
},
symbol: {
type: "simple-marker",
color: "red",
size: "20px"
}
});
view.graphics.add(graphic);
});
```
这段代码创建了一个地图容器,然后在JavaScript代码中使用require函数引入Map、MapView和Graphic模块。接着创建了一个地图和地图视图,并设置了地图的中心点和缩放级别。最后创建了一个Graphic对象,设置了它的几何形状和符号,然后将它添加到地图视图的图形层中。这样就可以在HTML中绘制一个红色的点了。
需要注意的是,ArcGIS JavaScript API的使用需要一个开发者账号和API密钥。在使用前需要先注册开发者账号,然后将API密钥放在JavaScript代码中的require函数中。
arcgis js 使用Graphic画个圆点
您可以使用ArcGIS JS API中的`Graphic`类和`SimpleMarkerSymbol`类来绘制一个圆点,代码如下所示:
```javascript
require([
"esri/Map",
"esri/views/MapView",
"esri/Graphic",
"esri/symbols/SimpleMarkerSymbol"
], function(Map, MapView, Graphic, SimpleMarkerSymbol) {
// 创建地图对象
var map = new Map({
basemap: "streets-navigation-vector"
});
// 创建地图视图对象
var view = new MapView({
container: "viewDiv",
map: map,
center: [-122.4194, 37.7749],
zoom: 13
});
// 创建圆点样式
var markerSymbol = new SimpleMarkerSymbol({
color: [226, 119, 40],
outline: {
color: [255, 255, 255],
width: 1
}
});
// 创建圆点图形
var point = {
type: "point",
longitude: -122.4194,
latitude: 37.7749
};
var pointGraphic = new Graphic({
geometry: point,
symbol: markerSymbol
});
// 在地图上添加圆点图形
view.graphics.add(pointGraphic);
});
```
在这个例子中,我们创建了一个圆点样式`SimpleMarkerSymbol`,然后创建了一个圆点图形`Graphic`,最后将圆点图形添加到地图视图的图形层中。您可以根据自己的需求修改圆点的颜色、大小等属性。