<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过属性查询地图服务中的信息</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.39/esri/css/esri.css">
<!-- <link rel="stylesheet" type="text/css" href="./css/esri.css" /> -->
<link rel="stylesheet" href="https://js.arcgis.com/3.40/esri/themes/calcite/dijit/calcite.css">
<script src="https://js.arcgis.com/3.41/"></script>
<script>
require(["esri/map", //加载地图组件
"dojo/dom",
"dojo/on",
"esri/InfoTemplate",
"esri/graphic",
"esri/geometry/Point",//加载点对象组件
"esri/symbols/SimpleMarkerSymbol",
"esri/geometry/Extent",//加载范围组件
"esri/layers/FeatureLayer", //加载FeatureLayer地图组件
// "esri/dijit/FeatureTable",
"esri/layers/WebTiledLayer", //加载切片地图组件
"esri/layers/ArcGISDynamicMapServiceLayer",//加载动态地图组件
"esri/symbols/SimpleFillSymbol",
"esri/renderers/UniqueValueRenderer",
"esri/tasks/query",
"esri/tasks/QueryTask",
"esri/Color",
"dojo/domReady!"
], function (Map, dom, on, InfoTemplate, Graphic, Point, SimpleMarkerSymbol,Extent, FeatureLayer, WebTiledLayer, ArcGISDynamicMapServiceLayer,
SimpleFillSymbol, UniqueValueRenderer, Query, QueryTask, Color, GeoJsonLayer) {
//初始化地图容器
// map = new Map("map", { logo: false, slider: false }, {zoom: 8});
map = new Map("map", {
center: [109.33789 , 29.57985],
basemap: "satellite",
zoom: 10,
sliderStyle: "small",
logo: false
});
// 创建底图
var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer");
map.addLayer(basemap,0);
// 创建动态图层
var dynamicLayer = new ArcGISDynamicMapServiceLayer("http://116.62.63.94:6080/arcgis/rest/services/sanhuxiangtest/MapServer");
map.addLayer(dynamicLayer,99);
})
</script>
</head>
<body class="tundra">
<div id="map" style="width:900px; height:580px; border:1px solid #000;"></div>
类别名称:<input class="nm" type="text">
</body>
</html>
最新发布