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; } } }

center map on layer extent

MaxDemars

Hello,

Im new to the arcgis javascript api and I cant find answer to my question. esri.map seems to only have centerAt(mapPoint) method but how to center the map on a ArcGISDynamicMapServiceLayer extent not on a point?

Thank you

Vind meer berichten getagd met

Accepted answers

kenbuja

Try this instead

require(["esri/map", "dojo/domReady!", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/SpatialReference",], function(Map) {     var layer1 = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/carte1/MapServer");     map = new Map("maptest1");     map.addLayers([layer1]);      map.on("layers-add-result", function(){         var extent = layer1.fullExtent;         map.setExtent(extent);         alert(extent.xmax);     }); });

All comments

JohnGravois

welcome to the forums burton!

if you have a reference to an extent object, you could find its center using the method extent.getCenter()

afterward, you could pass the point which is returned to map.centerAt()

MaxDemars

welcome to the forums burton!

if you have a reference to an extent object, you could find its center using the method extent.getCenter()

afterward, you could pass the point which is returned to map.centerAt()

Allright, I understand that, the map center is moved to the center of the layer, but the map is not zoomed to the layer extent.

JohnGravois

you probably want to be calling map.setExtent().

MaxDemars

Thank you for your help jgravois,

The problem I encounter is that the layer I am trying to zoom to, an esri.layers.ArcGISDynamicMapServiceLayer instance, do not have a getExtent() method and the fullExtent property is empty. By default the map extent is set in order that we only see a part of the layer, but not its entire extent.

kenbuja

You may be checking the fullExtent property before the layer is ready. Try getting the full extent in the layer's load event.

MaxDemars

Hi kenbuja,

I dont know what is wrong here... fullExtent is always empty

      require(["esri/map", "dojo/domReady!", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/SpatialReference",], function(Map) {
[INDENT]           var layer1 = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/carte1/MapServer");
           extent = layer1.fullExtent
           alert(extent) // empty box is popped
           map = new Map("maptest1");
           map.addLayers([layer1]);
           map.setExtent(extent);[/INDENT]
      });

kenbuja

Try this instead

require(["esri/map", "dojo/domReady!", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/SpatialReference",], function(Map) {     var layer1 = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/carte1/MapServer");     map = new Map("maptest1");     map.addLayers([layer1]);      map.on("layers-add-result", function(){         var extent = layer1.fullExtent;         map.setExtent(extent);         alert(extent.xmax);     }); });

JohnGravois

as ken said, the call to the service itself is asynchronous so you have to wait until you know the layer has actually completed loading.

map.addLayer(dynamicMapServiceLayer);
console.log(dynamicMapServiceLayer.fullExtent); //this will be null
dynamicMapServiceLayer.on("load", function(evt) {
  console.log(evt.layer.fullExtent);   //this will be populated       
});

MaxDemars

Try this instead

require(["esri/map", "dojo/domReady!", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/SpatialReference",], function(Map) {
    var layer1 = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/carte1/MapServer");
    map = new Map("maptest1");
    map.addLayers([layer1]);

    map.on("layers-add-result", function(){
        var extent = layer1.fullExtent;
        map.setExtent(extent);
        alert(extent.xmax);
    });
});

Thank you for your help kenbuja, this is working correctly. I will have to study events carefully as it seems its the base of this API.

kenbuja

Glad to help. Definitely read up on the events topic in the documentation.

And don't forget to click the check mark on the post that answered your question. It will help others searching for this same answer in the future.

Doe mee aan het gesprek

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

Snelle Links

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