nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Problem with esri.layers.OpenStreetMapLayer() and &quot;onUpdateEnd&quot; Event

CesarRevilla

Hello,

now I experience a Problem with esri.layers.OpenStreetMapLayer() and "onUpdateEnd" Event.

The "onUpdateEnd" event is never dispatched.

Thanks for your support,
orzundher

Vind meer berichten getagd met

Accepted answers

khutchins

I just ran a quick test and it works for me.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <html>    <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>      <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />      <!--The viewport meta tag is used to improve the presentation and behavior of the samples        on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>     <title>OpenStreetMap- default options</title>      <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/claro/claro.css">       <script type="text/javascript">       var djConfig = {         parseOnLoad: true       };     </script>     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.6"></script>          <script type="text/javascript">        dojo.require("esri.map");       dojo.require("esri.layers.osm");       var map, osmLayer;         function init() {         //setup the copyright text http://www.openstreetmap.org/copyright         var copyrightText= '&#169; <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap</a> contributors, '                     + '<a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC-BY-SA</a>';          dojo.byId('osmCopy').innerHTML = copyrightText;         var extent = new esri.geometry.Extent({"xmin":-10023722.578230502,"ymin":3498675.6586681586,"xmax":-9996969.618330726,"ymax":3517784.9157394273,"spatialReference":{"wkid":102100}});         map = new esri.Map("map",{extent:extent,logo:false});                  osmLayer = new esri.layers.OpenStreetMapLayer();                  dojo.connect(osmLayer,'onUpdateEnd',function(){             console.log('update end');         });                  map.addLayer(osmLayer);          var details = "";         details = "loaded: " + osmLayer.loaded + "<br />";         details += "initialExtent: " + dojo.toJson(osmLayer.initialExtent.toJson()) + "<br />";         details += "fullExtent: " + dojo.toJson(osmLayer.fullExtent.toJson()) + "<br />";         details += "spatialReference: " + dojo.toJson(osmLayer.spatialReference.toJson())+ "<br />";         dojo.byId("info").innerHTML = details;       }        dojo.addOnLoad(init);     </script>    </head>       <body class="claro" style="font-size: small; font-family: Arial Unicode MS,Arial,sans-serif;">      <div id="map" style="position:relative;width:700px; height:500px; border:1px solid #000;">       <div id="osmCopy" style="position:absolute; color:black;font-weight:bold;right:10px; bottom:10px; z-Index:999;"></div>     </div>       <div id="info" style="padding:5px; margin:5px; background-color:#eee;"></div>    </body>  </html>

All comments

khutchins

I just ran a quick test and it works for me.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <html>    <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>      <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />      <!--The viewport meta tag is used to improve the presentation and behavior of the samples        on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>     <title>OpenStreetMap- default options</title>      <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/claro/claro.css">       <script type="text/javascript">       var djConfig = {         parseOnLoad: true       };     </script>     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.6"></script>          <script type="text/javascript">        dojo.require("esri.map");       dojo.require("esri.layers.osm");       var map, osmLayer;         function init() {         //setup the copyright text http://www.openstreetmap.org/copyright         var copyrightText= '&#169; <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap</a> contributors, '                     + '<a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC-BY-SA</a>';          dojo.byId('osmCopy').innerHTML = copyrightText;         var extent = new esri.geometry.Extent({"xmin":-10023722.578230502,"ymin":3498675.6586681586,"xmax":-9996969.618330726,"ymax":3517784.9157394273,"spatialReference":{"wkid":102100}});         map = new esri.Map("map",{extent:extent,logo:false});                  osmLayer = new esri.layers.OpenStreetMapLayer();                  dojo.connect(osmLayer,'onUpdateEnd',function(){             console.log('update end');         });                  map.addLayer(osmLayer);          var details = "";         details = "loaded: " + osmLayer.loaded + "<br />";         details += "initialExtent: " + dojo.toJson(osmLayer.initialExtent.toJson()) + "<br />";         details += "fullExtent: " + dojo.toJson(osmLayer.fullExtent.toJson()) + "<br />";         details += "spatialReference: " + dojo.toJson(osmLayer.spatialReference.toJson())+ "<br />";         dojo.byId("info").innerHTML = details;       }        dojo.addOnLoad(init);     </script>    </head>       <body class="claro" style="font-size: small; font-family: Arial Unicode MS,Arial,sans-serif;">      <div id="map" style="position:relative;width:700px; height:500px; border:1px solid #000;">       <div id="osmCopy" style="position:absolute; color:black;font-weight:bold;right:10px; bottom:10px; z-Index:999;"></div>     </div>       <div id="info" style="padding:5px; margin:5px; background-color:#eee;"></div>    </body>  </html>

CesarRevilla

Yes, in this case works fine. I try it one more time!
Thankyou!

CesarRevilla

Ok, it works not in case dojo.connect(osmLayer,'onUpdateEnd',function() runs after dojo.connect(map,'onLoad',function(){...

Using ArcGISTiledMapServiceLayer instead OpenStreetMapLayer works good after map, "onLoad" event.

Thank you!
orzundher

CesarRevilla

Sorry, it works too in your code. I need to look my code.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Inloggen
Registreren

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.