ArcGIS API For JavaScript 拉框放大地图

最新推荐文章于 2022-11-27 00:04:16 发布

jimjiayu

最新推荐文章于 2022-11-27 00:04:16 发布

阅读量1.9k

点赞数 1

分类专栏： ArcGIS API For JavaScript 文章标签： ArcGIS API For JavaScript

本文链接：https://blog.csdn.net/zhongshijun521/article/details/100117694

版权

ArcGIS API For JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

更改在单击并拖动鼠标时按Shift键时显示的缩放矩形的默认符号。

<!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>Test Map</title>
    <link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/3.20/esri/css/esri.css" />
    <style>
      html,
      body,
      #viewDiv {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }
      #HomeButton {
      position: absolute;
      top: 95px;
      left: 20px;
      z-index: 50;
    }
    
    </style>
<script src="http://localhost:8080/arcgis_js_api/library/3.20/init.js"></script>
    <script>
      var map;
        require([
        "esri/map", 
        "esri/config",
        "esri/dijit/HomeButton",
        "esri/symbols/SimpleFillSymbol",
        "esri/symbols/SimpleLineSymbol",
        "esri/Color",
        "dojo/domReady!"
    ], function(
         Map,esriConfig,HomeButton,SimpleFillSymbol,SimpleLineSymbol,Color
    )  {
            
            var map = new Map("map", {
                center: [-56.049, 38.485],
                zoom: 3,
                basemap: "streets"
            });
            var lineColor = new Color([0,0,255]);
            var fillColor = new Color([255,255,0,0.5]);
            var zoomSymbol = new SimpleFillSymbol(
                SimpleFillSymbol.STYLE_SOLID,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHDOT,lineColor,2),
                fillColor
            );
            esriConfig.defaults.map.zoomSymbol = zoomSymbol.toJson(); 
            var home = new HomeButton({
                map: map
            }, "HomeButton");
            home.startup();   
        });
       
    </script>
  </head>
  <body class="claro">
    <div id="map">
        <div id="HomeButton"></div>
    </div>
  </body>
</html>