<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="initial-scale=1000, maximum-scale=1, user-scalable=no"><meta name="viewport" content="width=device-width"/><title>Distribución de Especies Leñosas</title> <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/css/esri.css"><link rel="stylesheet" href="https://js.arcgis.com/3.16/dijit/themes/tundra/tundra.css"><script src="https://js.arcgis.com/3.16/"></script>
<script>require(["esri/map","esri/layers/KMLLayer","esri/layers/ArcGISTiledMapServiceLayer","esri/dijit/Legend","dojo/domReady!"], function(Map,KMLLayer,Tiled,Legend) { var map = new Map("map", { center: [10, -2], zoom: 4, minZoom: 3, maxZoom: 13, basemap: "satellite" }); var kmlUrl = "https://dl.dropboxusercontent.com/s/zizftgazsuojzod/presenciadansonia.kmz?dl=0"; var kml = new KMLLayer(kmlUrl); var tiled = new Tiled("https://tiles.arcgis.com/tiles/aMAqr37SC1phHeKS/arcgis/rest/services/AdansoniaD/MapServer"); map.on("layer-add", function (results) { //add the legend var legend = new Legend({ map: map, autoUpdate: true, respectCurrentMapScale: true, layerInfos: [{ layer: tiled, title: "LEYENDA" }] }, "legendDiv"); legend.startup();});
map.addLayer(kml); map.addLayer(tiled); });
</script>
<style>html,body, #map {padding: 0;margin: 0;max-width:100%;height:100%;}#info {position: absolute;left: 20px;bottom: 35px;padding: 5px;background-color: #989898;border-radius: 15px;border: 2px solid #303030;width: 165px;height: 250px;font-family: "Arial Narrow";font-size: 80%;
}</style> </head>
<body> <div id="map"></div> <div id="info"> <div id="legendDiv"></div> </div> </body></html>