Export Map Widget

Matt,

Your welcome. Don't forget to always promote posts that you find helpful.

MattShetzer

Great. Thanks for the quick answer Robert !!!

Matt

Matt,

If you are just talking text then here is a easy little mod for the ExportMap Widget:

            protected function export():void
            {
                var map:Map = ViewerContainer.getInstance().mapManager.map;
                map.infoWindow.hide();
                map.infoWindowContent = null;
                loader.visible = true;
                img.filters =[cOver];
                const encoder: JPEGEncoder = new JPEGEncoder(quality);
                map.logoVisible=logovis;
                map.scaleBarVisible=sbvis;
                map.zoomSliderVisible = zoomslidevis;
                map.opaqueBackground = mapbg;
                var mText:Label = new Label();
                mText.text = "Hello World!";
                mText.right = 5;
                mText.bottom = 5;
                mText.setStyle("color", "0x000000");
                map.staticLayer.addElement(mText);
                map.validateNow();
                const imageSnapshot:ImageSnapshot = ImageSnapshot.captureImage(map,0,encoder);
                
                map.scaleBarVisible=true;
                map.opaqueBackground = null;
                map.staticLayer.removeElement(mText);
                map.validateNow();
                const fileReference:FileReference = new FileReference();
                fileReference.save(imageSnapshot.data,fName);
                fileReference.addEventListener(Event.COMPLETE, resetIcon);
                fileReference.addEventListener(Event.CANCEL, resetIcon);
            }

Matt,

If you are just talking text then here is a easy little mod for the ExportMap Widget:

            protected function export():void
            {
                var map:Map = ViewerContainer.getInstance().mapManager.map;
                map.infoWindow.hide();
                map.infoWindowContent = null;
                loader.visible = true;
                img.filters =[cOver];
                const encoder: JPEGEncoder = new JPEGEncoder(quality);
                map.logoVisible=logovis;
                map.scaleBarVisible=sbvis;
                map.zoomSliderVisible = zoomslidevis;
                map.opaqueBackground = mapbg;
                var mText:Label = new Label();
                mText.text = "Hello World!";
                mText.right = 5;
                mText.bottom = 5;
                mText.setStyle("color", "0x000000");
                map.staticLayer.addElement(mText);
                map.validateNow();
                const imageSnapshot:ImageSnapshot = ImageSnapshot.captureImage(map,0,encoder);
                
                map.scaleBarVisible=true;
                map.opaqueBackground = null;
                map.staticLayer.removeElement(mText);
                map.validateNow();
                const fileReference:FileReference = new FileReference();
                fileReference.save(imageSnapshot.data,fName);
                fileReference.addEventListener(Event.COMPLETE, resetIcon);
                fileReference.addEventListener(Event.CANCEL, resetIcon);
            }

MattShetzer

Hi Robert,

Is there anyway to add a watermark image to the export map widget. For example some text in a png format?

Thank you,
Matt Shetzer

I think that got it! Thanks for your patience. Great work you are doing!!!

Noah,

Layout widgets like this one are yet to be supported in Application Builder, hence the manual steps for adding it to the viewer. You are not going to see the widget listed in App Builder. Just run your viewer and you should see the widget.

Ok So I think I am on the right path. I have...

1) added ExportMap folder from compiled3.0 folder to widgets folder within application folder.
2) edited the main config.xml file within the application folder.
3)Still no widget in the widgets catalog of Application builder.

Am I on the right track?

Noah,

Edit which config.xml? You have already edited the main config.xml. If you are talking about the exportMap.xml then you just browse to the folder on your file system that the exportMap.xml file is in and open it in NotePad.exe or some other text editor.

Ok, Ive done that. Now where exactly do I edit the config file?

Noah,

The ExportMap folder NOT the whole compiled_FV3.0 folder.

Do I add the exportmap folder w/in the compiled 3.0 folder or the complied 3.0 folder itself to the widgets folder?

Noah,

You mean the contents of the compiled_FV3.0 folder (i.e. the ExportMap folder) into the widgets folder right?

Robert,

Here's to hoping you might see this forum. I am still having issues implementing the widget even after reading the help file.

here is what my config file looks like and I have dropped compiled folder into application widget folder....

<?xml version="1.0" ?>
<configuration>
    <title>ArcGIS Viewer for Flex</title>
    <logo>assets/images/logo.png</logo>
    <style>
        <colors>0xffffff,0x333333,0x101010,0x0,0xffd700</colors>
        <alpha>0.8</alpha>
    </style>
    <!-- replace the following url with your own geometryservice -->
    <geometryservice url="http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer" useproxy="false"/>
    <widgetcontainer layout="float">
        <widget icon="assets/images/i_target.png" label="Find an address" config="widgets/Locate/LocateWidget.xml" url="widgets/Locate/LocateWidget.swf"/>
        <widget icon="assets/images/i_draw2.png" label="Draw and Measure" config="widgets/Draw/DrawWidget.xml" url="widgets/Draw/DrawWidget.swf"/>
        <widget icon="assets/images/i_print.png" label="Print" config="widgets/Print/PrintWidget.xml" url="widgets/Print/PrintWidget.swf"/>
    </widgetcontainer>
    <widget url="widgets/Navigation/NavigationWidget.swf" config="widgets/Navigation/NavigationWidget.xml" left="10" top="50"/>
    <widget url="widgets/OverviewMap/OverviewMapWidget.swf" config="widgets/OverviewMap/OverviewMapWidget.xml" right="-2" bottom="-2"/>
    <widget url="widgets/MapSwitcher/MapSwitcherWidget.swf" config="widgets/MapSwitcher/MapSwitcherWidget.xml" right="20" top="55"/>
    <widget url="widgets/HeaderController/HeaderControllerWidget.swf" config="widgets/HeaderController/HeaderControllerWidget.xml" left="0" top="0"/>
    <widget url="widgets/ExportMap/exportMap.swf" config="widgets/ExportMap/exportMap.xml" left="3" bottom="45"/>
    <map esrilogovisible="true" openhandcursorvisible="true" scalebarvisible="true" zoomslidervisible="false" wraparound180="true" addarcgisbasemaps="true" top="40"/>
</configuration>

What am I missing?

Thanks in Advance....

http://www.arcgis.com/home/item.html?id=12430e982e534fdabe15635828405e45

Shane,

As this widget is very simple it does not have user interface and thus no need for a open close and minimize.

contain an interface, such as map title, map layout options and include map attribute layers

No that is more like a print widget and this widget is only for exporting the map as a image.

ShaneCarey

Hi,

This is a great widget. Just wondering is it possible to have this widget open, close and minimise like the legend widget for example. And also contain an interface, such as map title, map layout options and include map attribute layers?

Thanks

philippschnetzer

SeanGambrel

Sorry to jump into this so late - but can you provide a link to this widget? I'm having a hard time finding it!

Many thanks,
Sean

<<< EDIT: Found it... the v2.5 widget is linked on the v3.0 widget page >>>

Another great widget from Robert which is much appreciated.

I would like to fire off the widget from the toolbar instead of the current lower left position.
I edited the config.xml to place the widget in the toolbar but as expected, when you click on it the widget appears in the lower left and you have to click on it again to run it.

What code changes would be needed to just fire it from the toolbar?

Thanks again Robert.

Nestor.

That worked like a charm.

I kind of like the placement of the export button where it was so I bumped the Navigation over just slightly so it interferes much less. Problem solved.

Thanks!

Jim

Wow, thanks! I will try the new code right away.

I think placing the export map button in a different place is a very good idea. On a lower resolution monitor/small window things shrink up pretty radically and the navigation really obscures the button.

I really appreciate your help.

Thanks again,

Jim

Jim,

The popups where definetly the cause in your case as you were displaying a house image and trying to export this popup required a security policy to be loaded for the image and esri does not do that in thier popups. Long story short I have fixed it by forcing the popup closed and clearing it's contents before exporting the map.

Go get the latest version.

Version 2.5.0.1 - Jan 20, 2012

* Added a visual indicator that the tool is working.
* The maps info window is closed automatically and cleared so that there is not a
sandbox security violation if the popup has an image in it.

Jim,

I need to do some testing but the first thing you should try is moving the export button away from the navigation controller. I am able to replicate your issue on your site so I will try and see if I can determine the cause.

Hi Robert

Thanks for the reply. Well, leave it to me to find (or create) some weird bug. Just checked and it exhibits the same behavior in IE. I'm going to implement it in another viewer to see if I can replicate.

It really seems to only occur if popups are generated, either through the search results or clicking on the map. Hovering over the tool still gives the tip and cursor change, just no action on click.

Anyway, I'll see what more I find out and post. The site is here if you care to look:
http://mapper.provplan.org/flexviewers/parcelmapper2/

Thanks again for all of the excellent code you've posted. It really makes the difference.

Jim

Jim,

I have never tested on Chrome (don't like it), but you are the first to report any issue with this widget not working.

Hi Folks

This is a fantastic widget but I'm running into a problem where it sometimes fails to work. The user clicks on the icon and the save file dialog box never comes up, even after repeated clicking. It might work earlier in the session but then stops working altogether.

One more clue: it seems to work until a popup comes up, either through a searched result or map click. I close the popup and it still fails to export. I'm running the eSearch widget as well.

Has anyone else run into this? It's on v. 2.5 on Chrome (both win and mac). Have not tested on other browsers but I wil.

Many thanks!

Jim

Frank,

Display objects can only exist in one memory space and/or container at a time so you would have to do a deep clone of all layers and graphics.

FrankRoberts

Roberts et al.

I'm tweezing apart the exportMap.mxml and wondering about this line of code (I changed map to map2 for discussion):

var map2:Map = ViewerContainer.getInstance().mapManager.map;

It seems as if this line of code should make a copy of the "map" to my new map called "map2". But in my playing around it seems like if I make changes to the new map2 it then cascades those changes to the original "map". If I desire to make a unique copy of the map and then tweak it (say changing size, so I can use it to embed in a PDF and have the map take up the right portion of the page), is there a better way to copy the "map" into a stand alone object?

Thanks much,
Frank

Cory,

You should go grab the latest versions of the eSearch and eDraw widgets from the code gallery I have fixed and improved several things.

CoryHines

Not sure if anyone is still following this or not, but here is how to integrate the export map widget into the HeaderControlWidget.

I believe I have everything commented in the code that I changed. Don't forget to change the actual container code at the bottom. It is different than the default. Also, remember to add the elements from the export map xml file into the header xml file.

NOTE: I changed the export interface to a spark label instead of an icon, if you want to keep it as an icon you'll have to change the code toward the bottom to adjust where it shows up.

I have it running on my site.
http://gis.linncounty.org/flexviewer

HeaderControllerWidget.zip

JeffLegato

Jeff,

Updated version 2.2 is now in the code gallery.

Robert,
Thanks so much again! I owe you a beer!