LandsBasicMap

by LandsD Map API

HTML

<script src="https://landsvm.cbpmshk.info/landsd_js_api/3.17/dojo/dojo.js"></script>
<script src="https://win2016.eastasia.cloudapp.azure.com/landsd_js_api/3.17/dojo/dojo.js"></script>

<body class="nihilo">
  <div id="map-area" style="height:320px"></div>
</body>

CSS

<link rel="stylesheet" href="https://win2016.eastasia.cloudapp.azure.comlandsd_js_api/3.17/dijit/themes/nihilo/nihilo.css"> <link rel="stylesheet" href="https://win2016.eastasia.cloudapp.azure.com/landsd_js_api/3.17/esri/css/esri.css">

JavaScript

require([
	  "dojo/_base/array",
	  "dojo/dom",
	  "landsd/layers/TileCacheBaseMapLayer",
	  "esri/dijit/Popup",
	  "esri/dijit/PopupTemplate",
	  "esri/layers/FeatureLayer",
	  "esri/map",
	  "esri/dijit/Scalebar",
	  "esri/symbols/SimpleLineSymbol",
	  "esri/symbols/SimpleFillSymbol",
	  "esri/symbols/TextSymbol",
	  "esri/renderers/SimpleRenderer",
	  "esri/layers/LabelClass",
	  "esri/Color",
	  "esri/symbols/Font",
	  "dijit/layout/BorderContainer",
	  "dijit/layout/ContentPane",
	  "dijit/TitlePane",
	  "dijit/form/CheckBox",
	  'dojo/_base/json',
	  "dojo/domReady!"
	], function(
	  arrayUtils, dom,
	  TileCacheBaseMapLayer,
	  Popup,
	  PopupTemplate,
	  FeatureLayer, Map, Scalebar, SimpleLineSymbol, SimpleFillSymbol,
	  TextSymbol, SimpleRenderer, LabelClass, Color, Font
	) {
	  //map = new Map("map-area");
	  //var bLayer = new DOPImageLayer();
	  var bLayer = new TileCacheBaseMapLayer();
	  bLayer.tileUrl = 'https://landsapi.azure-api.net/HKMapServiceBase';
	  bLayer.api_key = 'e68810d810e144358961d2295b515f60';


	  var popup = new Popup({}, document.createElement("div"));
	  var map = new Map("map-area", {
	    //center: [-82.44109, 35.6122],
	    zoom: 15,
	    minZoom: 10,
	    maxZoom: 20,
	    showLabels: true,
	    infoWindow: popup
	  });

	  map.addLayer(bLayer);

	  // create a renderer for the states layer to override default symbology
	  var statesColor = new Color("#999");
	  var fontColor = new Color('#000000');
	  var statesLine = new SimpleLineSymbol("solid", statesColor, 1.5);
	  var statesSymbol = new SimpleFillSymbol("solid", statesLine, null);
	  var statesRenderer = new SimpleRenderer(statesSymbol);

	  var buildingUrl = 'https://landsapi.azure-api.net/arcgis/rest/services/MapAPI/BM1000/MapServer/140?key=e68810d810e144358961d2295b515f60'
	  var buildingLayer = new FeatureLayer(buildingUrl, {
	    id: "Building",
	    outFields: ["*"]
	  });
	  buildingLayer.setRenderer(statesRenderer);


	  // create a text symbol to define the...