Arcgsi js api 简单绘制点线面
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>点、线、面、矩形</title><link rel="stylesheet" href="arcgis_js_v330_api/arcgis_js_api/library/3.30/3.30/esri/css/esri.css"><script src="arcgis_js_v330_api/arcgis_js_api/library/3.30/3.30/init.js"></script><style>#MyMapDiv{padding: 0;margin: 0;height: 100%;width: 100%;}</style><script type="text/javascript">var MyGraphicsLayer = null;var MyGeometryServerToolbar = null;require(["esri/map", "esri/toolbars/draw","esri/graphic","esri/symbols/SimpleMarkerSymbol","esri/symbols/SimpleLineSymbol","esri/symbols/SimpleFillSymbol","dojo/parser", "dojo/domReady!"], function(Map, Draw, Graphic,SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,parser, registry) {var MyMap = new esri.Map("MyMapDiv",{zoom : 6 });MyMap.on("load",function(){MyGeometryServerToolbar = new esri.toolbars.Draw(MyMap);//创建绘图工具对象MyGraphicsLayer = new esri.layers.GraphicsLayer();MyMap.addLayer(MyGraphicsLayer);initTools();//绑定画图事件});var MyTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("用官网或者你自己的地图");MyMap.addLayer(MyTiledMapServiceLayer);});function initTools(){dojo.addOnLoad(function(){dojo.connect(MyGeometryServerToolbar, "onDrawEnd", function(geometry) {//绑定绘图结束事件switch (geometry.type) {case "point":var symbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE, 10,new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 1), new dojo.Color([0,255,0,0.25]));break;case "polyline":var symbol = new esri.symbol.SimpleLineSymbol();break;case "polygon":var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_NONE, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255,0,0]), 2), new dojo.Color([255,255,0,0.25]));break;}MyGraphicsLayer.add(new esri.Graphic(geometry,symbol));});});}function drawLine(){MyGeometryServerToolbar.deactivate();//清除画图状态MyGeometryServerToolbar.activate(esri.toolbars.Draw.FREEHAND_POLYLINE);//绘制图形方法}function drawArea(){MyGeometryServerToolbar.deactivate();MyGeometryServerToolbar.activate(esri.toolbars.Draw.FREEHAND_POLYGON);}function drawPoint(){MyGeometryServerToolbar.deactivate();MyGeometryServerToolbar.activate(esri.toolbars.Draw.POINT);}</script></head><body class=""><div id="info"><input type="button" onclick="drawLine()" value="画线"></input><input type="button" onclick="drawArea()" value="画面"></input><input type="button" onclick="drawPoint()" value="画点"></input></div><div id="MyMapDiv" class="MapClass"></div></body></html>
