songchenchen
/
VehicleMonitor-WEB


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
							<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">

<head>
  <meta charset="UTF-8" />
  <title>首页</title>
  <script type="text/javascript" src="http://172.20.98.215:8080/arcgis_js_api/library/3.22/rgis/Rinit.js"></script>
  <style>
    html,
    body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }

    .webMap {
      height: 100%;
      width: 100%;
    }
  </style>
</head>

<body>
  <div class="webMap" id="map111"></div>
  <script>
    var map;
    require([
      "esri/map",
      "rgis/tools/TokenUtil",
      "rgis/tools/RFindUtil",
      "rgis/tools/RMeasure",
      "rgis/layers/TianDiTuLayer",
      "esri/geometry/Extent",
      "esri/geometry/Point",
      "esri/geometry/Polyline",
      "esri/layers/ArcGISDynamicMapServiceLayer",
      "esri/layers/ArcGISTiledMapServiceLayer",
      "esri/layers/GraphicsLayer",
      "esri/symbols/SimpleLineSymbol",
      "esri/symbols/SimpleMarkerSymbol",
      "esri/symbols/TextSymbol",
      "esri/symbols/Font",
      "esri/Color",
      "esri/graphic",
      "esri/geometry/webMercatorUtils",
      "esri/SpatialReference",
      "esri/geometry/Circle",
      "esri/symbols/SimpleFillSymbol",
      "esri/symbols/PictureMarkerSymbol",
      "rgis/layers/echarts.min",
      "dojo/domReady!"
    ], function (Map, TokenUtil, RFindUtil, RMeasure, TianDiTuLayer, Extent, Point, Polyline, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, GraphicsLayer, SimpleLineSymbol,
      SimpleMarkerSymbol, TextSymbol, Font, Color, Graphic, webMercatorUtils, SpatialReference, Circle, SimpleFillSymbol, PictureMarkerSymbol, echarts, SwipeTool) {

      map = new Map("map111", {
        logo: false,
        sliderPosition: "bottom-right",
        extent: new Extent({
          xmax: 120.179443359375,
          xmin: 109.632568359375,
          ymax: 41.0504150390625,
          ymin: 35.7275390625,
          spatialReference: { wkid: 4490 }
        })
      });

      var layer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/BaseMap_white/MapServer")
      var xlLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_XL/MapServer")
      var czLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_CZXL_V2/MapServer")
      map.addLayer(layer);
      map.addLayer(xlLayer);
      map.addLayer(czLayer);

    })
  </script>
</body>

</html>