arcgis 点击获取经纬度

最新推荐文章于 2025-04-27 19:06:59 发布

lightpa

最新推荐文章于 2025-04-27 19:06:59 发布

阅读量7.3k

点赞数

分类专栏：比较完整的功能

比较完整的功能专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个基于ArcGIS的JavaScript示例，演示如何在地图上设置点击事件，通过使用SimpleMarkerSymbol创建标记，并显示点击位置的经纬度信息。

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

function init() {
    require([
        "esri/map",
        "esri/geometry/Point",
        "esri/symbols/SimpleMarkerSymbol",
        "esri/symbols/SimpleLineSymbol",
        "esri/Color",
        "esri/geometry/webMercatorUtils",
        "esri/graphic",
        "dojo/domReady!"

    ], function(
        Map,
        Point,
        SimpleMarkerSymbol,
        SimpleLineSymbol,
        Color,
        webMercatorUtils,
        Graphic
    ) {
        var map= new Map("point", {
            basemap: "streets",
            center: [115.94414919567447,31.1578429539165],
            zoom: 17,
            logo: false,
            slider:false
        });

        //定义图标
        var symbol = new SimpleMarkerSymbol(
            SimpleMarkerSymbol.STYLE_CIRCLE,
            12,
            new SimpleLineSymbol(
                SimpleLineSymbol.STYLE_NULL,
                new Color([247, 34, 101, 0.9]),
                1
            ),
            new Color([207, 34, 171, 0.5])
        );
            //核心，绑定点击事件
            map.on("click", function(evt){
                var mp = webMercatorUtils.webMercatorToGeographic(evt.mapPoint);
                //var mp = evt.mapPoint;//部分旧版arcgis要这样写
                map.graphics.clear();
                map.graphics.add(new Graphic(evt.mapPoint, symbol));
                 map.infoWindow.setContent("Longitude: " + mp.x.toString() + ", <br>Latitude: " + mp.y.toString());
                 map.infoWindow.show(evt.mapPoint);
          
            });

        });
}

基于arcgis，需要引入相关的JS