arcgis.html

new dev for putrageoinfo

by syafid

HTML

<link rel="stylesheet" href="https://js.arcgis.com/3.15/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.15/esri/css/esri.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.15/dojox/layout/resources/ExpandoPane.css">
<title>
  ..:: PutraGeoInfo ::..</title>





<script src="https://js.arcgis.com/3.15/"></script>
<script>
  var map, grid;

  require([
    "esri/config",
    "esri/map",
    "esri/SnappingManager",
    "esri/dijit/editing/Editor",
    "esri/layers/FeatureLayer",
    "esri/tasks/GeometryService",
    "esri/toolbars/draw",
    "dojo/keys",
    "dojo/parser", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/layers/ArcGISTiledMapServiceLayer", "dojo/_base/declare", "dgrid/OnDemandGrid",
    "dgrid/Selection", "esri/symbols/SimpleFillSymbol", "esri/Color", "dijit/form/Button",
    "esri/symbols/SimpleMarkerSymbol", "dojo/_base/array", "dojo/dom-class",
    "dojo/i18n!esri/nls/jsapi",
    "esri/tasks/query",
    "dojo/store/Memory", "esri/geometry/Extent", "esri/layers/CodedValueDomain", "esri/layers/Domain",
    "esri/dijit/HomeButton", "esri/dijit/LocateButton",
    "esri/dijit/Search", "esri/dijit/Scalebar", "esri/dijit/LayerList", "dojo/dom-construct", "dojo/dom-style",
    "dojo/dom", "dojo/_base/lang", "dojo/on",
    "dijit/layout/BorderContainer",
    "dijit/layout/ContentPane", "dojox/layout/ExpandoPane", "dijit/layout/AccordionContainer",

    "dojo/domReady!"
  ], function(
    esriConfig, Map, SnappingManager, Editor, FeatureLayer, GeometryService,
    Draw, keys, parser, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, declare, Grid, Selection, SimpleFillSymbol, Color, Button, SimpleMarkerSymbol,
    arrayUtils, domClass, i18n, Query, Memory, Extent, CodedValueDomain,
    Domain, HomeButton, LocateButton, Search, Scalebar, LayerList, domConstruct, domStyle, dom, lang, on
  ) {

    parser.parse();

    //snapping is enabled for this sample - change the tooltip to reflect this
   ...

CSS

html,
        body {
          height: 100%;
          width: 100%;
          margin: 0;
        }
        
        body {
          background-color: #fff;
          overflow: hidden;
          font-family: Helvetica, san-serif;
        }
        
        #templatePickerPane {
          width: 225px;
          overflow: hidden;
        }
        
        #Editor {
          heigh: 30%;
        }
        
        #panelHeader {
          background-color: #92A661;
          border-bottom: solid 1px #92A860;
          color: #FFF;
          font-size: 18px;
          height: 24px;
          line-height: 22px;
          margin: 0;
          overflow: hidden;
          padding: 10px 10px 10px 10px;
        }
        
        #map {
          margin-right: 5px;
          padding: 0;
        }
        
        .esriEditor .templatePicker {
          padding-bottom: 5px;
          padding-top: 5px;
          height: 500px;
          border-radius: 0px 0px 4px 4px;
          border: solid 1px #92A661;
        }
        
        .dj_ie .infowindow .window .top .right .user .content,
        .dj_ie .simpleInfoWindow .content {
          position: relative;
        }
        
        .dgrid {
          border: none;
          height: 100%;
        }
        
        .dgrid-column-0 {
          width: 35px;
        }
        
        .dgrid-row-odd {
          background: #FFFDF3;
        }
        
        td div img:hover {
          cursor: pointer;
        }
        
        #HomeButton {
          position: absolute;
          top: 95px;
          left: 20px;
          z-index: 50;
        }
        
        #LocateButton {
          position: absolute;
          top: 130px;
          left: 20px;
          z-index: 50;
        }
        
        #search {
          display: block;
          position: absolute;
          z-index: 2;
          top: 20px;
          left: 74px;
        }
        
       ...