ArcGIS API for JavaScript v3.9实现鹰眼图

最新推荐文章于 2024-08-12 15:17:32 发布

刘一哥GIS

最新推荐文章于 2024-08-12 15:17:32 发布

阅读量9.2k

点赞数 1

分类专栏：《WebGIS入门到精通实用案例教程》

本文为博主「刘一哥GIS 」原创文章，未经博主允许不得转载或爬取，侵权必究！

本文链接：https://blog.csdn.net/lucky51222/article/details/44726627

版权

《WebGIS入门到精通实用案例教程》专栏收录该内容

4 篇文章 624 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--The viewport meta tag is used to improve the presentation and behavior of the samples 
      on iOS devices-->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Overview Map</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
    <style>
      html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
    </style>
    <script src="http://js.arcgis.com/3.13/"></script>
    <script>
        var map;
        require([
          "esri/map", "esri/dijit/OverviewMap",
          "dojo/parser",
          "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!"
        ], function (
          Map, OverviewMap,
          parser
        ) {
            parser.parse();
            map = new Map("map", {
                basemap: "topo",
                center: [-122.445, 37.752],
                zoom: 14
            });
            var overviewMapDijit = new OverviewMap({
                map: map,
                visible: true
            });
            overviewMapDijit.startup();
        });
    </script>
  </head>
 <body class="claro">
    <div data-dojo-type="dijit/layout/BorderContainer" 
         data-dojo-props="design:'headline', gutters:false" 
         style="width: 100%; height: 100%; margin:0;">

      <div id="map" 
           data-dojo-type="dijit/layout/ContentPane" 
           data-dojo-props="region:'center'" 
           style="padding:0">
      </div>
    </div>
  </body>
</html>