<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>第一个地图应用</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.17/esri/css/esri.css">
<script src="https://js.arcgis.com/3.17/"></script>
<style type="text/css">
.MapClass
{ width:900px;
height:600px;
border:1px solid #000;
}
</style>
<script type="text/javascript">
var MyMap = null;
dojo.require("esri.map");//块加载地图组件
dojo.addOnLoad(function ()
{
MyMap = new esri.Map("MyMapDiv",{
logo : false,
center : [116.4,39.9],
zoom : 6
});
var MyTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer
("http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");
MyMap.addLayer(MyTiledMapServiceLayer);
document.getElementById("button").onclick = function(){
var keyword = document.getElementById("keyword").value;
query(keyword);
};
});
function query(keyword){
var query = new esri.tasks.Query();//创建查询对象
var queryTask = new esri.tasks.QueryTask("http://localhost:6080/arcgis/rest/services/airPos/MapServer/0");//创建查询任务
var sql = "NAME_CHN LIKE '%"+keyword+"%'";//拼接查询语句
query.where = sql ;
query.outSpatialReference = MyMap.spatialReference;//输出坐标系
query.outFields = ["*"];//输出结果
query.returnGeometry = true;//是否输出Geometry对象
queryTask.execute(query);//执行查询方法
queryTask.on('complete',function(featureSet){//查询处理完成后执行该方法,并返回查询结果
console.info(featureSet);
document.getElementById("show").value = featureSet.featureSet.features[0].attributes.NAME_CHN;
});
}
</script>
</head>
<body class="tundra">
<input type="text" name="keyword" id="keyword"></input>
<input type="button" name="button" id="button" value="查询"></input>
<input type="text" name="show" id="show"></input>
<div id="MyMapDiv" class="MapClass"></div>
</body>
</html>