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 .
You need to put the file on a web server that is publicly accessible.
Mahmoud,
What is the WKID of your KML data? Does it support 4326 or 102100 WKIDs?
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
Can you share your code then?
<!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>
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
