基于arcgis api 4.x在前端实现坐标转换

最新推荐文章于 2024-04-24 17:27:27 发布

AriaGIS

最新推荐文章于 2024-04-24 17:27:27 发布

阅读量900

点赞数 1

分类专栏： ArcGIS API for JavaScript 文章标签： javascript arcgis 坐标转换

本文链接：https://blog.youkuaiyun.com/weixin_44616652/article/details/111248941

版权

ArcGIS API for JavaScript 专栏收录该内容

28 篇文章

订阅专栏

这段代码展示了如何利用ArcGIS JavaScript API的GeometryService和project方法进行坐标转换，从wkid 32649转换到wkid 4326。这是一个在GIS领域的常见操作，对于地理数据处理和地图应用至关重要。

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

转换后效果

原理

利用server的几何服务以及api的projection

https://developers.arcgis.com/rest/services-reference/project.htm

https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-projection.html#project

代码

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <title>坐标转换</title>
  <link rel="stylesheet" href="https://js.arcgis.com/4.17/esri/themes/light/main.css" />
  <script src="https://js.arcgis.com/4.17/"></script>
  <style>
    html,
    body,
    #viewDiv {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
  </style>
  <script>
    require([
      "esri/Map",
      "esri/views/MapView",
      "esri/tasks/GeometryService",
      "esri/tasks/support/ProjectParameters",
      "esri/geometry/Point",
      "esri/geometry/SpatialReference",
      "dojo/dom",
      "dojo/on",
      "dojo/domReady!"
    ], function (
      Map, MapView, GeometryService, ProjectParameters, Point, SpatialReference, dom, on
    ) {
      var gsvc = new GeometryService("https://aoj.esrichina.com/server/rest/services/Utilities/Geometry/GeometryServer");
      var map = new Map({
        basemap: "osm"
      });
      var view = new MapView({
        container: "viewDiv",
        map: map
      });
      var params = new ProjectParameters();
      params.geometries = [new Point(691599.4485598434, 3088605.79325086, new SpatialReference({ wkid: 32649 }))];//输入
      params.outSpatialReference = new SpatialReference({
        wkid: 4326
      }); //输出
      gsvc.project(params).then(function (result) {
        console.log(result[0].x + "," + result[0].y);
      });
    });
  </script>
</head>

<body>
  <div id="event"></div>
  <div id="viewDiv"> </div>
</body>

</html>