调用自己发布的ArcGIS地图服务

网上邻居YY

于 2023-12-22 11:24:10 发布

阅读量584

点赞数 10

文章标签： arcgis html5

本文链接：https://blog.csdn.net/YYWWQQ5656/article/details/135148991

版权

<!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中具体如何发布服务，见下一篇博客，超详细）

网上邻居YY

关注

10
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
调用自己发布的ArcGIS地图服务

调用自己发布的ArcGIS地图服务
复制链接

扫一扫

调用自己发布的ArcGIS地图服务

“相关推荐”对你有帮助么？