POST
|
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>KML</title> <link rel="stylesheet" href="https://js.arcgis.com/3.25/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" href="https://js.arcgis.com/3.25/esri/css/esri.css"> <style> html, body { height: 100%; width: 100%; margin: 0; padding: 0; } #map { height: 100%; margin: 0; padding: 0; } #meta { position: absolute; left: 20px; bottom: 20px; width: 300px; height: 100px; z-index: 40; background: #fff; color: #777; padding: 5px; border: 2px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: arial; font-size: 0.9em; } #meta h3 { color: #666; font-size: 1.1em; padding: 0px; margin: 0px; display: inline-block; } #loading { float: right; } </style> <script src="https://js.arcgis.com/3.25/"></script> <script> var map; require([ "esri/map", "esri/layers/KMLLayer", "dojo/parser", "dojo/dom-style", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function( Map, KMLLayer, parser, domStyle ) { map = new Map("map", { basemap: "topo", center: [-108.663, 42.68], zoom: 6 }); parser.parse(); var kmlUrl = "https://fsapps.nwcg.gov/data_viirs/kml/canada_latest_viirs.kml"; // var kmlUrl = "http://localhost/z/Wyoming.kml";//not working var kml = new KMLLayer(kmlUrl); map.addLayer(kml); kml.on("load", function() { domStyle.set("loading", "display", "none"); }); }); </script> </head> <body class="tundra"> <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width: 100%; height: 100%; margin: 0;"> <div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"> <div id="meta"> <span id="loading"><img src="images/loading_black.gif" /></span> <h3>Display KML Using a <a href="https://developers.arcgis.com/javascript/3/jsapi/kmllayer-amd.html">KMLLayer</a></h3> <br /> The map displays a simple KML file that was created using Google Earth and is hosted on an Esri server. Symbology and attributes are honored. </div> </div> </div> </body> </html>
... View more
07-11-2018
08:59 AM
|
0
|
5
|
1224
|
POST
|
i used that kml file fromthe URL :https://fsapps.nwcg.gov/data_viirs/kml/canada_latest_viirs.kml and the data appears fine, then i downloaded it and copy it to my iis but after changing the URL in the code to :http://localhost/conus_latest_viirs.kml it didn't appear on the map although i tested downloading the file using the url from local host:http://localhost/conus_latest_viirs.kml
... View more
07-11-2018
08:25 AM
|
0
|
7
|
1224
|
POST
|
I used an example KML | ArcGIS API for JavaScript 3.25 to add kml file to the map but when trying to use the kml file published on my iis server(http://localhost/conus_latest_viirs.kml) it didn't loaded on the map *i can download the file by cliking the url http://localhost/conus_latest_viirs.kml .
... View more
07-11-2018
01:57 AM
|
0
|
9
|
1644
|
Online Status |
Offline
|
Date Last Visited |
11-11-2020
02:24 AM
|