World Imagery

World Imagery Tiles

by LandsD Map API

HTML

<script src="https://mapapi.blob.core.windows.net/javascript/landsd_js_api/3.17/dijit/themes/tundra/tund"></script>
<link rel="stylesheet" href="https://mapapi.blob.core.windows.net/javascript/landsd_js_api/3.17/esri/css/esri.css">
<script src="https://mapapi.blob.core.windows.net/javascript/landsd_js_api/3.17/dojo/dojo.js"></script>
<link rel="stylesheet" href="https://mapapi.blob.core.windows.net/javascript/landsd_js_api/3.17/dijit/themes/tundra/tundra.css">
<script src="https://mapapi.blob.core.windows.net/javascript/landsd_js_api/3.17/dojo/dojo.js"></script>

<body class="tundra">
  <div id="map-area"></div>
</body>

CSS

html,
body,
#map-area {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #FFF;
  overflow: hidden;
}

.map .logo-med {
 display: inline-block;
 vertical-align: bottom;
 width: 50px;
 height: 50px;
 z-index: 100;
 background-image: url("https://mapapi.blob.core.windows.net/javascript/landsd_js_api/images/landsd_logo.png");
 cursor: pointer;  
 background-image: none;  
}

JavaScript

require([
  "dojo/_base/array",
  "dojo/dom",
  "landsd/layers/TileCacheBaseMapLayer",
  "esri/dijit/Measurement",
  "esri/dijit/Popup", "esri/dijit/PopupTemplate",
  "esri/layers/FeatureLayer",
  "esri/map",
  "esri/dijit/Scalebar",
  "dijit/layout/BorderContainer",
  "dijit/layout/ContentPane",
  "dijit/TitlePane",
  "dijit/form/CheckBox",
  'dojo/_base/json',
  "dojo/domReady!"
], function(
  arrayUtils, dom, TileCacheBaseMapLayer, Measurement, Popup, PopupTemplate, FeatureLayer, Map, Scalebar
) {
  //map = new Map("map-area");
  //var bLayer = new DOPImageLayer();
  var bLayer = new TileCacheBaseMapLayer();
  bLayer.tileUrl = 'https://landsapi.azure-api.net/tilecaches/WorldImageryService';
  //bLayer.tileUrl = 'https://mapapi.blob.core.windows.net/tilecaches/WorldImageryService';
  bLayer.api_key = '2efb6d46d117422bbf975b56833258ad';

  var bLabelLayer = new TileCacheBaseMapLayer();
  bLabelLayer.tileUrl = 'https://landsapi.azure-api.net/tilecaches/WorldImageryLabels';
  //bLabelLayer.tileUrl = 'https://mapapi.blob.core.windows.net/tilecaches/WorldImageryLabels';
  bLabelLayer.api_key = '2efb6d46d117422bbf975b56833258ad';


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

  map.addLayer(bLayer);
  map.addLayer(bLabelLayer);
});