java在arcgis地图上实现打点以及弹框

最新推荐文章于 2025-05-28 15:18:26 发布

sinat_40547901

最新推荐文章于 2025-05-28 15:18:26 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： java地图文章标签： js

本文链接：https://blog.csdn.net/sinat_40547901/article/details/109099987

本文介绍了如何利用arcgis api for javascript 4.16版本在地图上添加标记点并显示信息弹框。示例中使用了三种颜色的图标代表不同等级，并通过调用自己的接口获取打点数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用arcgis api for javascript 4.16 实现在地图上打点和显示点是弹框，以下为效果图。
在这里插入图片描述

源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在地图上打点并显示弹框</title>
    <link rel="stylesheet" href="https://js.arcgis.com/4.16/esri/css/main.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://js.arcgis.com/4.16/init.js"></script>
    <style>
        #viewDiv{
   
   
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body style="overflow: hidden">
<div id="viewDiv" style="background-color:lightskyblue" class="col-sm-6"></div>
</body>
</html>
<script>
    require([
        "esri/Map",
        "esri/views/MapView",
        "esri/views/SceneView",
        "esri/layers/FeatureLayer",
    ],function (Map,MapView,SceneView,FeatureLayer) {
   
   
        var featureLayer;
        //构建2D底图
        var mainMap = new Map({
   
   
            basemap:"satellite",
        }