arcGis Point styling

point styling arcgis map

by sqiudward

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Marker Symbols</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.26/dojo/resources/dojo.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.26/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
    <style>
      html, body {
        height: 600px;
        width: 600px;
        margin: 0;
        padding: 0;
      }
      #centerPane {
        margin-bottom:6px;
      }       
      #topPane {
        height: 70px;
      }
      #topPane p {
        margin: 0.5em 0;
      }
      #bottomPane {
        height: 200px;
      }
      #status{
        position:absolute;
        z-index:100;
        top:10px;
        left:20px;    
        font-size:1.5em;
        font-weigtht:bold;
        display:none;
      }
      #info{
        padding:4px;
        width:95%;
      }

    </style>

    <script src="https://js.arcgis.com/3.26/"></script>
    <script>
      require([
        "dojo/parser",
        "dojo/ready",
        "dojo/dom", 
        "dojo/dom-construct", 
        "dojo/_base/array",
        "dojo/_base/json",
        "dijit/registry", 
        "dojo/on",
        "dojo/_base/connect",
        "esri/dijit/editing/TemplatePicker", 
        "esri/arcgis/Portal", 
        "esri/domUtils",
        "esri/config",
        "esri/request",
        "esri/symbols/jsonUtils",
        "esri/symbols/Symbol",
        "esri/lang",
        "dojo/store/Memory", 
        "dijit/form/ComboBox", 
        "dijit/layout/BorderContainer", 
        "dijit/layout/ContentPane"
        ],function(
          parser, 
          ready, 
          dom, 
          domConstruct, 
          array, 
          dojoJson,
          registry, 
          on, 
          connect,
          TemplatePicker, 
          arcgisPortal, 
          domUtils,
          config,
          esriRequest,
          jsonUtils,
          Symbol,
          esriLang,
 ...