ArcGIS API for JavaScript 3.X 拖动GraphicsLayer图层，移动标注位置

最新推荐文章于 2023-05-11 12:40:46 发布

原创

最新推荐文章于 2023-05-11 12:40:46 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ArcGIS API for JavaScript 3.X

本文介绍了如何利用ArcGIS API for JavaScript 3.x来实现地图上的图标拖动功能。通过监听鼠标按下、拖动和放开事件，动态更新标注的坐标位置。

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

最近项目有一个功能需求，在地图上打一个图标图标，可以拖动移动它的位置，获取当前位置坐标。直接上代码，提供参考。

要实现这个功能，需要用到 arcgis api 内置的一些鼠标事件，例如：鼠标拖曳（mouse-drag）、鼠标按下（mouse-down）、鼠标放开（mouse-up）。

功能原理：当鼠标按住标注拖动时，触发鼠标拖曳（mouse-drag）事件，实时更新标注的位置坐标。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="Stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.18/3.18/esri/css/esri.css" />
    <script type="text/javascript">
        //下面这段代码必须放到下面几个脚本文件的上面，否则会错误
        var dojoConfig = {
            api_url: "localhost/arcgis_js_api/library/3.18/3.18",
            async : false,
            isDebug : true,
            parseOnLoad : true,
            mblHideAddressBar : false,
            packages : [{
                name: "lib",
                location: location.pathname.replace(/\/[^/]+$/, '') + '/lib'
            }]
        };
    </script