【ArcGIS】ArcGIS JS 定位

最新推荐文章于 2021-11-30 14:54:26 发布

嘟嘟Listing

最新推荐文章于 2021-11-30 14:54:26 发布

阅读量674

点赞数

分类专栏：学习笔记文章标签： arcgis 定位

本文链接：https://blog.csdn.net/u011788214/article/details/112529843

版权

学习笔记专栏收录该内容

77 篇文章 2 订阅

订阅专栏

<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1, maximum-scale=1,user-scalable=no"
    />
    <!--
  ArcGIS API for JavaScript, https://js.arcgis.com
  For more information about the widgets-locate sample, read the original sample description at developers.arcgis.com.
  https://developers.arcgis.com/javascript/latest/sample-code/widgets-locate/index.html
  -->
<title>Locate button | Sample | ArcGIS API for JavaScript 4.18</title>
    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.18/esri/themes/light/main.css"
    />
    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
    <script src="https://js.arcgis.com/4.18/"></script>
    <script>
      require([
        "esri/Map",
        "esri/views/MapView",
        "esri/widgets/Locate",
        "esri/Graphic"

      ], function (Map, MapView, Locate,Graphic) {
        var map = new Map({
          basemap: "topo-vector"
        });

        var view = new MapView({
          container: "viewDiv",
          map: map,
          center: [-56.049, 38.485, 78],
          zoom: 3
        });

        var locateBtn = new Locate({
          view: view,
          graphic: new Graphic({
              symbol: { type: "simple-marker" }  // overwrites the default symbol used for the
              // graphic placed at the location of the user when found
            })
        });

        // Add the locate widget to the top left corner of the view
        view.ui.add(locateBtn, {
          position: "top-left"
        });
      });
    </script>
  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>

嘟嘟Listing

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【ArcGIS】ArcGIS JS 定位

<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <!-- ArcGIS API for JavaScript, https://js.arcgis.com For more infor...
复制链接

扫一扫