<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.30/esri/css/esri.css">
<script src="https://js.arcgis.com/3.30/"></script>
<!-- <script type="text/javascript" src="1.js"></script>-->
<style>
html,body,#map {
height: 100%;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
require([
"esri/map",
"esri/layers/FeatureLayer",
"esri/InfoTemplate"
], function (
Map,
FeatureLayer,
InfoTemplate
) {
//调用底图
map = new Map("map", {
basemap: "osm",//底图名称
center: [175, 39],//中心点坐标
zoom: 3//起始图层缩小放大的倍数
});
//infoTemplate里面的内容,title是标题,content是内容,${字段名}表示
var json = {title:"属性",content:"震级: ${OTHER_MAG1}"}
//新建一个infoTemplate,也就是弹窗
var infoTemplate = new InfoTemplate(json);
//调用地图服务
var quakefeaturelayer = new FeatureLayer("http://localhost:6080/arcgis/rest/services/quake_hurricane/MapServer/1", {
mode: FeatureLayer.MODE_SNAPSHOT,
infoTemplate:infoTemplate,
outFields: ["*"]
});
//将地图服务加载到地图上
map.addLayer(quakefeaturelayer);
}
)
</script>
</body>
</html>
以上是完整代码,只需要替换43行的
var quakefeaturelayer = new FeatureLayer之后的网址,替换为自己发布的服务地址即可
(在ArcGIS中具体如何发布服务,见下一篇博客,超详细)