ArcGIS API for JavaScript获取地图中心点位置

最新推荐文章于 2024-04-26 15:41:32 发布

请输入您的昵称____

最新推荐文章于 2024-04-26 15:41:32 发布

阅读量7.7k

点赞数 2

分类专栏： GIS 文章标签： ArcGIS JavaScript html

GIS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍如何利用ArcGIS API for JavaScript获取地图的中心点位置，关键在于使用getCenterPoint()方法，以及map.extent.getCenter().getLatitude()和map.extent.getCenter().getLongitude()来直接获取经纬度坐标。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.12/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.12/esri/css/esri.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script src="http://js.arcgis.com/3.12/"></script>
    
    <script type="text/javascript">
        require([  
          "esri/map", 
          "esri/geometry/webMercatorUtils", 
          "dojo/domReady!"], 
            function (Map, webMercatorUtils){  
                map = new Map("map", {  
                    basemap: "satellite",  
                    center: [-46.807, 32.553],  
                    zoom: 3  
                });  
  
                function getCenterPoint() {  
                    return map.extent.getCenter();  
                }  
                map.on("extent-change", function () {  
                    var point = getCenterPoint();  
                    var newPoint = webMercatorUtils.webMercatorToGeographic(point);  
                    var message="current map center is x: " + newPoint.x + ", y: " + newPoint.y; 
                    $("#centerInfo").html(message);  
                });  
         });  
    </script>

</head>
<body>
    <div id="map"></div>
    <div id="centerInfo"></div>
</body>
</html>

中间最关键的是getCenterPoint() 方法

还有map.extent.getCenter().getLatitude()、map.extent.getCenter().getLongitude()可以直接获取经纬度

原文链接：how to get map center point?