<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>绘制点状图形</title>
<script type="text/javascript"> djConfig = { parseOnLoad: true }</script>
<script type="text/javascript" src="//serverapi.arcgisonline.com/jsapi/arcgis/?v=2.7"></script>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.7/js/dojo/dijit/themes/claro/claro.css" />
<link rel="stylesheet" type="text/css" href="reference.css" />
<script type="text/javascript">
//将资源导入到页面中
dojo.require("esri.map");
dojo.require("esri.toolbars.draw");
var map, toolbar, symbol, geomTask;
function init() {
//创建地图对象
map = new esri.Map("map");
//注册地图加载完成事件
dojo.connect(map, "onLoad", createToolbar);
//向地图中添加一个切片服务图层
var baseLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://gis.jl.gov.cn/RemoteRest/services/JLS_DLG_L6_L17/MapServer");
map.addLayer(baseLayer);
}
function createToolbar(map) {
//创建一个绘图工具对象
toolbar = new esri.toolbars.Draw(map);
//注册绘制完成事件
dojo.connect(toolbar, "onDrawEnd", addToMap);
}
function addToMap(geometry) {
//定义点状图形的符号
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([255, 0, 0, 0.75]));
//将绘制的点包装成图形对象并添加到地图中
var graphic = new esri.Graphic(geometry, symbol);
map.graphics.add(graphic);
//取消绘图操作
toolbar.deactivate();
}
function closeDiv() {
document.getElementById("div_float").style.display = "none";
toolbar.deactivate();
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
<div id="map" style="width: 834px; height: 539px; border: 1px solid #000; float: left;">
<div class="none" id="div_float">
<div class="div_float_head">
<img src="images/ico_close.jpg" alt="" onclick="closeDiv()" />
<div class="div_float_logo" />
</div>
<div class="div_float_content" id="condition">
<table>
<tr>
<td style="width: auto">
<input class="btnbg" style="width: 80px;" onclick="toolbar.activate(esri.toolbars.Draw.POINT);"
type="button" value="添加点" />
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
