<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.21/esri/css/esri.css" />
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.21/dijit/themes/tundra/tundra.css" />
</head>
<body>
<input type="button"class="functionWrap" name="平移" value="平移" />
<input type="button"class="functionWrap" name="拉框放大" value="拉框放大" />
<input type="button"class="functionWrap" name="拉框缩小" value="拉框缩小" />
<input type="button"class="functionWrap" name="全图" value="全图" />
<input type="button"class="functionWrap" name="距离测量" value="距离测量" />
<input type="button"class="functionWrap" name="面积测量" value="面积测量" />
<input type="button"class="functionWrap" name="消除标记" value="消除标记" />
<div id="map"></div>
</body>
<script type="text/javascript" src="https://js.arcgis.com/3.21"></script>
<script src="../Scripts/jsapi_vsdoc12_v38.js"></script>
<script src="../Scripts/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(function () {
require([
"esri/map",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/toolbars/navigation",
"esri/toolbars/draw",
"esri/tasks/GeometryService",
"esri/symbols/Font",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/symbols/SimpleFillSymbol",
"esri/symbols/TextSymbol",
"esri/Color",
"dojo/number",
"esri/graphic",
"esri/tasks/LengthsParameters",
"esri/geometry/Point",
"esri/geometry/Polyline",
"esri/tasks/AreasAndLengthsParameters",
"dojo/dom-attr",
"dojo/domReady!"
], function (Map, ArcGISDynamicMapServiceLayer, Navigation, Draw, GeometryService, Font, SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,TextSymbol, Color, number, Graphic, LengthsParameters,
Point,Polyline,AreasAndLengthsParameters,domAttr){
var chinaCollagelayer = new ArcGISDynamicMapServiceLayer("../arcgis/rest/services/Test/Qingdao/MapServer");
var map = new Map("map");
map.addLayer(chinaCollagelayer);
//创建地图操作对象
var navToolbar = new Navigation(map);
//toolbar工具条
var toolbar = new Draw(map);
//调用esri自带的服务（在arcgis server Manger中，记得开启服务）
var geometryService = new GeometryService("../arcgis/rest/services/Utilities/Geometry/GeometryServer");
var totleDistance = 0.0;//总距离
var totalGraphic = null;//存储点集合
var disFun =false;//距离测量
var areaFun = false;//面积测量
我的内容管理
展开
