arcgis api js之在地图上绘制点线面(一)

最新推荐文章于 2024-03-19 17:59:51 发布

一名写前端的GISer

最新推荐文章于 2024-03-19 17:59:51 发布

阅读量6.1k

点赞数

分类专栏： arcgis api for js

本文链接：https://blog.csdn.net/wangchaohpu/article/details/81777163

版权

arcgis api for js 专栏收录该内容

16 篇文章 2 订阅

订阅专栏

通过点击得到的geometry或者是通过arcgis api查询地图服务获取的features，可以直接new Graphic(geometry,symbol)，添加在graphiclayer，显示在地图上。如果是手动拼接的geometry,请移步arcgis api js之在地图上绘制点线面(二)https://blog.csdn.net/wangchaohpu/article/details/90238859

function drawGraphic(geometry){

	map.graphics.clear();//清除图层

	require([
		"esri/layers/GraphicsLayer","esri/graphic","esri/symbols/SimpleLineSymbol","esri/symbols/SimpleFillSymbol","dojo/colors",
		"esri/toolbars/draw","esri/symbols/SimpleMarkerSymbol"
	],function (GraphicsLayer,Graphic,SimpleLineSymbol,SimpleFillSymbol,Color,Draw,SimpleMarkerSymbol) {
		
		var map = new Map("mapDiv"); mapDiv：Container id for the referencing map，存放地图的容器
		//创建图层
		var graphicsLayer=new GraphicsLayer();
		//将图层添加到地图中
		map.addLayer(graphicsLayer);
	
		
		
		//根据geometry生成图形graphic
		//定义线符号
		var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
		//定义点符号
		var pSymbol=new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE,10, lineSymbol, new Color([255, 0, 0]));
		//定义面符号
		var fill=SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,  new Color([255, 0, 0]));
		//定义图形
		var graphic;
		var type = geometry.type;
		switch(type){
			case "point":
				graphic=new Graphic(geometry,pSymbol);
				break;
			case "polyline":
				graphic=new Graphic(geometry,lineSymbol);
				break;
			case "polygon":
				graphic=new Graphic(geometry,fill);
				break;
		}
		//将图形添加到图层中
		graphicsLayer.add(graphic);


	})
}

清除graphics： map.graphics.clear();