ArcGIS API for JavaScript獲取地圖中心點位置

<!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?


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章