second application:use an arcgis.com webmap

<!DOCTYPE html>

  <html>

  <head>

  <title>Create a Web Map</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">

  <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">

  <style>

    html,body,#mapDiv,.map.container{

      padding:0;

      margin:0;

      height:100%;

    }

    #legendDiv{

      background-color: #fff;

      position: absolute !important;

      z-index: 99;

      top:10px;

      right:20px;

    }

  </style>

  <script>var dojoConfig = { parseOnLoad: true };</script>

  <script src="http://js.arcgis.com/3.13compact/"></script>

  <script>

    var map,

        webmapId = "1a40fa5cc1ab4569b79f45444d728067";

    require([

      "esri/map",

      "esri/arcgis/utils",

      "esri/dijit/Legend",

      "dojo/domReady!"

      ], function (Map, arcgisUtils, Legend) {

        arcgisUtils.createMap(webmapId, "mapDiv").then(function (response) {

        map = response.map;

        var legend = new Legend({

            map: map,

            layerInfos:(arcgisUtils.getLegendLayers(response))

        }, "legendDiv");

        legend.startup();

    });

    });

  </script>

  </head>

  <body>

    <div id="mapDiv"></div>

    <div id="legendDiv"></div>

  </body>

  </html>

dojoConfig :是否在DOM和所有初始化完成后由dojo.parser解析页面
webmapid:arcgis.com发布地图服务的id。
startup（）：

巴特西

second application:use an arcgis.com webmap

最新文章

热门文章