zoukankan      html  css  js  c++  java
  • 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():
  • 相关阅读:
    imagemagick 批量旋转图片 转为横版式
    visual studio 2008 编译 filezilla
    BackgroundWorker 类
    序列化
    打工才是最愚蠢的投资
    常用汇编指令缩写(方便记忆)
    PIC中档单片机汇编指令详解(1)
    Win8之自动登录
    PIC单片机汇编指令
    好文转载—程序员的禅修之路
  • 原文地址:https://www.cnblogs.com/tiandi/p/4412748.html
Copyright © 2011-2022 走看看