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

Zoom to Full Extent

JoshuaCoates

Is there a way to zoom to the full extent of the map by adding some some sort of widget or feature to the header? I have read through similar posts, however, I have not read anything specific about "zoom to full extent". Also, any reason why my map background used to display white as it is suppose to be in my web browser but it is now black like the rest of the UI around the map? (off topic I know, just didnt want to posts several different posts for what is probably an easy fix). Thanks!

Josh C.

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

jerrysalinas

Hello,
I need some help in setting up my full extent. I am using ESRI's default web services for my basemap. I am also using the new FLex API.
I setup my initial extent to open up displaying my city, but after panning and zooming around, if I click the full extent from the navigation bar, it takes to the extent of the entire world. i thought setting the fullextent to the same value as the initialextent would fix it, can't get it work.

Thanks.
jerry

BjornSvensson

Is there any way to bring the map to my inital extent when I click on the "Full Extent" button?

Yes, setting the fullextent to the same value as the initialextent should achieve that.

<map
        initialextent="-13046840 4036096 -13045400 4036867"
        fullextent="-13046840 4036096 -13045400 4036867"
        top="40">

NadeemShaukat

Josh, I'm assuming this is in regards to the new Flex Viewer...

FYI - "Zoom to full extent" functionality will be part of a Navigation Widget that we plan to include in version 2.1 of the ArcGIS Viewer for Flex.

Bjorn,

The new Navigation Widget is great.

Is there any way to bring the map to my inital extent when I click on the "Full Extent" button? I guess it reads the full extent from the ESRI's Web map service by default.

JoshuaCoates

Thanks Bill, it works like a charm. Well I havent actually "used" the tools yet, because I'm in the process of caching my map services so I can not physically see my map to test the funcionality of the tools. But i have the widget showing up and the tools are in there with my custome title and ID:) I appreciate it!!

Thanks,
Josh C.

BillLotz

Can I just insert all the code from that, from " <fx:Script> all the way to the bottom into my MapManager.mxml and it work? What do you mean by "nest the controlBarLayout in a Panel"? Can you post your mxml so I can look at this? I really do not know much about creating code so seeing it helps. Thanks for your help!

Josua,
Guess what, I don't know much about creating code either! I posted (or attempted to) a zip of the mxml. You will se that I haven't done much to this yet, it isn't real refined, but it does work for me. It sound like the widget in the next release will be the way to go, but it is good to play around with the code.
I just got my learner's permit.
Bill

ToolBoxWidget.zip

JoshuaCoates

Can I just insert all the code from that, from " <fx:Script> all the way to the bottom into my MapManager.mxml and it work? What do you mean by "nest the controlBarLayout in a Panel"? Can you post your mxml so I can look at this? I really do not know much about creating code so seeing it helps. Thanks for your help!

BillLotz

knoxgis,

would you be kind enough to share your code for the navigation widget you have created? I would like to see how it looks?

Joshua,
I just took the code from the navigation bar sample at http://help.arcgis.com/en/webapi/flex/samples/index.html and put it in a widget. I copied the "Hello World" widget under the samples and put it in that.
I did have to nest the controlBarLayout in a Panel to get it to work.
Bill

JoshuaCoates

knoxgis,

would you be kind enough to share your code for the navigation widget you have created? I would like to see how it looks?

BillLotz

Josh, I'm assuming this is in regards to the new Flex Viewer...

FYI - "Zoom to full extent" functionality will be part of a Navigation Widget that we plan to include in version 2.1 of the ArcGIS Viewer for Flex.

Is there a list on the new functionality that will be included in 2.1?
I just created a primitive navigation widget; while I did learn a lot, I just as soon use your stuff?

JoshuaCoates

Yea that didnt really help too much, but thanks anyway. I was just looking to have a button to go to the initial extent of the map like bjorn was saying. I guess I'll have to wait.

BjornSvensson

Josh, I'm assuming this is in regards to the new Flex Viewer...

FYI - "Zoom to full extent" functionality will be part of a Navigation Widget that we plan to include in version 2.1 of the ArcGIS Viewer for Flex.

AndyGup

Hi Josh,

To automatically zoom to the full extent of the map put the values for the full extent as properties similar to this. I just copied and pasted from the API doc samples, but you should get the idea:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:esri="http://www.esri.com/2008/ags"
               pageTitle="World Street Map">

    <!--
    This sample shows how to add a street basemap layer to your application.

    The sample uses a cached map service from ArcGIS Online.

    You can browse the ArcGIS.com site for additional online basemap and reference
    map services or publish your own geographic data as a service using ArcGIS Server.
    -->

    <fx:Declarations>
        <esri:Extent id="initialExtent"
                     xmin="-17731" ymin="6710077" xmax="-12495" ymax="6712279">
            <esri:SpatialReference wkid="102100"/>
        </esri:Extent>
    </fx:Declarations>

    <esri:Map extent="{initialExtent}">
        <esri:ArcGISTiledMapServiceLayer url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>
    </esri:Map>
</s:Application>

I know you didn't ask about it, but to zoom to the full extent of the map manually try something like this were tiledMapLyr1 is the id of your map service layer:

protected function button1_clickHandler(event:MouseEvent):void
{
[INDENT]var newExtent:Extent = tiledMapLyr1.fullExtent;
map.extent = newExtent;
[/INDENT]}

You can find this info in the API reference, for a tiledMapServiceLayer you'd look here: http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/layers/TiledMapServiceLayer.html

In regards to the background color behind the map, that is based on the backgroundColor property that is set for your application, for example:

<s:Application
[INDENT]xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:esri="http://www.esri.com/2008/ags"
pageTitle="World Topographic Map"
backgroundColor="black">
[/INDENT]
You'll just need to check and see what that is set too in your app. I hope that helps,

-Andy
ESRI Developer Network (EDN)

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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