Geology

by LandsD Map API

HTML

<script src="https://mapapis01.blob.core.windows.net/javascript/esri/landsd/landsdConfig.js"></script>
<link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/css/esri.css">
<script src="https://js.arcgis.com/3.20/"></script>
<body class="tundra">
  <div id="mapdiv" style="height: 230px;"></div>
</body>

JavaScript

var map;
		require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "landsd/TileCacheBaseMapLayer", "esri/layers/FeatureLayer", "esri/InfoTemplate", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/renderers/UniqueValueRenderer", "esri/Color", "esri/config", "esri/layers/LabelClass", "esri/symbols/TextSymbol",
		    "dojo/domReady!", "esri/config"
		  ],
		  function(Map, ArcGISTiledMapServiceLayer, TileCacheBaseMapLayer, FeatureLayer, InfoTemplate, SimpleLineSymbol, SimpleFillSymbol, UniqueValueRenderer, Color, esriConfig, LabelClass, TextSymbol, esriConfig) {

		    map = new Map("mapdiv", {
		      center: [114.17847, 22.29227],
          zoom: 12,
		      minZoom: 10,
		      maxZoom: 19,
		      logo: false,
		      showLabels: true
		    });
		    var layer = new TileCacheBaseMapLayer();
        layer.tileUrl = 'https://mapapis01.blob.core.windows.net/tileservices/basemap/WGS84/2016';
		    //layer.api_key = 'e68810d810e144358961d2295b515f60';
		    
		    map.addLayer(layer);
		    var defaultSymbol = new SimpleFillSymbol().setStyle(SimpleFillSymbol.STYLE_NULL);
		    defaultSymbol.outline.setStyle(SimpleLineSymbol.STYLE_NULL);

		    //create renderer
		    var renderer = new UniqueValueRenderer(defaultSymbol, "SUBSYMBOL");

		    //add symbol for each possible value
		    renderer.addValue("CS", new SimpleFillSymbol().setColor(new Color([255, 0, 0, 0.5])));
		    renderer.addValue("DB", new SimpleFillSymbol().setColor(new Color([0, 255, 0, 0.5])));
		    renderer.addValue("EP", new SimpleFillSymbol().setColor(new Color([0, 0, 255, 0.5])));
		    renderer.addValue("JG", new SimpleFillSymbol().setColor(new Color([255, 0, 255, 0.5])));
		    renderer.addValue("JGd", new SimpleFillSymbol().setColor(new Color([255, 255, 255, 0.75])));
		    renderer.addValue("JS", new SimpleFillSymbol().setColor(new Color([0, 255, 255, 0.5])));
		    renderer.addValue("JT", new SimpleFillSymbol().setColor(new Color([255, 255, 0, 0.5])));
		   ...