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

Load Local Shapefile with Symbology and Attributes

Anonymous User

Original User: tbrophy

All,
This is a question that I hope has been asked before:
Is there any way for my users to load a shapefile into my SFV while retaining the attributes and the symbology of the layer file?

I downloaded and am using �??Shape File Overlay for Sample Viewer�?� from the ArcGIS resource Center, submitted 3-4-2010 by �??HardWork�?�. It works great, but I need it go a step further.
//
Shape File Overlay for Sample Viewer
http://resources.esri.com/arcgisserver/apis/flex/index.cfm?fa=codeGalleryDetails&scriptID=16846
//

I really need the symbology and attributes to make it complete. Has anyone done this? Any suggestions would be incredibly appreciated!!!

I have 2 applications using Web Mercator & WGS84
Sample Flex Viewer: flexviewer-src-1.0.zip (Build 06.12.09)
agslib-1.2.swc
flex_sdk_3.2
Required Adobe Flash Player version 10

Attached are 2 sample shapefiles (and .lyr files) in both projections: (102100, 4326)

dbf_swc.zip

CHLORINE_Release_Model102100.zip

CHLORINE_Release_Model4326.zip

ShpOverlay.zip

Find more posts tagged with

Accepted answers

All comments

Anonymous User

Original User: bfoster266

I'm also attempting to get this recompiled in 2.4, using the shape upload widget for 2.2 found at http://www.arcgis.com/home/item.html?id=bc6a88cf51364d9ea767347954363d7d.

I'm getting errors related to 'import org.vanrijkom.dbf.DbfTools;' and 'import org.vanrijkom.dbf.DbfRecord;', apparently this code is handled differently in 2.4.

Here are the relevant lines:

import org.vanrijkom.dbf.DbfTools;
import org.vanrijkom.dbf.DbfRecord;
const dbfHeader:DbfHeader = new DbfHeader(dbfByteArray);
var dbfRecord:DbfRecord = DbfTools.getRecord(dbfByteArray, dbfHeader, index++);
var dbfRecord:DbfRecord = DbfTools.getRecord(dbfByteArray, dbfHeader, index++);
var dbfRecord:DbfRecord = DbfTools.getRecord(dbfByteArray, dbfHeader, index++);

Is there an easy way to rewrite these to compile correctly in 2.4?

Here is the code in context, with '---' added to the front to more easily identify the lines.

import mx.collections.*;
   import mx.controls.Alert;
   import mx.rpc.AsyncResponder;
   import mx.rpc.events.ResultEvent;

   //
   import mx.collections.ArrayCollection;
   //import com.esri.ags.Graphic;
   import mx.utils.StringUtil;

---import org.vanrijkom.dbf.DbfTools;
---import org.vanrijkom.dbf.DbfRecord;                                       import widgets.ShapeFiles.ShpPolygon;
   import widgets.ShapeFiles.ShpLine;
   import widgets.ShapeFiles.ShpPoint;
---import org.vanrijkom.dbf.DbfHeader;
---import org.vanrijkom.dbf.DbfField;
   import widgets.ShapeFiles.ShpReader;
   import widgets.ShapeFiles.ShpHeader;
   import widgets.ShapeFiles.nochump.util.zip.ZipEntry;
   import widgets.ShapeFiles.nochump.util.zip.ZipFile;


   private var m_fileReference:FileReference;

   private var repPattern:RegExp = / /g;

   /* WC 7.22.2010 - graphiclayer graphics array */
   private var array:Array = [];

   //private var graphicsLayer:GraphicsLayer;

   private const ICON_URL:String = "widgets/ShapeFiles/assets/images/";

   private const TEXT_MODE:String = "text";

   private function init():void
   {
    wTemplate.addTitlebarButton(ICON_URL + "i_bookmark_add.png", "Load Shapefile", showStateLoad);
    wTemplate.addTitlebarButton(ICON_URL + "i_tools.png", "Display Preferences", showStateColors);
   }

   public function loadShapefile_clickHandler():void
   {
    m_fileReference = new FileReference();
    m_fileReference.addEventListener(Event.SELECT, selectHandler);
    m_fileReference.addEventListener(Event.CANCEL, cancelHandler);
    m_fileReference.browse([new FileFilter("Zip Files", "*.zip")]);

   }

   private function selectHandler(event:Event):void
   {
    m_fileReference.addEventListener(Event.COMPLETE, completeHandler);
    m_fileReference.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
    m_fileReference.load();

   }

   private function completeHandler(event:Event):void
   {
    var shpByteArray:ByteArray;
    var dbfByteArray:ByteArray;

    const zipFile:ZipFile = new ZipFile(m_fileReference.data);
    for each (var entry:ZipEntry in zipFile.entries)
    {
     const name:String = entry.name.toLowerCase();
     // trace( name );
     if (name.indexOf("__macosx") > -1)
     {
      continue;
     }
     if (name.indexOf(".shp") === name.length - 4)
     {
      shpByteArray = zipFile.getInput(entry);
     }
     if (name.indexOf(".dbf") === name.length - 4)
     {
      dbfByteArray = zipFile.getInput(entry);
     }
    }
    if (shpByteArray && shpByteArray.length > 0 && dbfByteArray && dbfByteArray.length > 0)
    {
     loadShapefile(shpByteArray, dbfByteArray);
    }
    m_fileReference = null;
   }

   private function loadShapefile(shpByteArray:ByteArray, dbfByteArray:ByteArray):void
   {
    var index:int = 0;
    const shpReader:ShpReader = new ShpReader(shpByteArray);
---const dbfHeader:DbfHeader = new DbfHeader(dbfByteArray);
    /* WC 7.21.2010 - get shapefile type */
    var shapeType:int = shpReader.readShpType();
    while (shpReader.hasMore()) {
     if (shapeType == 1) {
      /* WC 7.21.2010 - shapefile type = mappoint */
      var shpPoint:ShpPoint = shpReader.readShpPoint();

   ---var dbfRecord:DbfRecord = DbfTools.getRecord(dbfByteArray, dbfHeader, index++);
      /* WC 7.22.2010 - setup label with first text field attribute */
      var txtSym:TextSymbol = new TextSymbol;
      txtSym.placement = "start";
      var fldIdx:int;
      var doneFlag:Boolean = false;
      for (fldIdx = 0; fldIdx < dbfHeader.fields.length; fldIdx++) {
       if (doneFlag == false && dbfHeader.fields[fldIdx].type == 67) {
        txtSym.text = StringUtil.trim(dbfRecord.values[dbfHeader.fields[fldIdx].name]);
        doneFlag = true;
       }
      }
      txtSym.xoffset = 3;
      var fBold:Boolean = bBold.selected;
      var fItalic:Boolean = bIta.selected;
      var fUnder:Boolean = bUnd.selected;
      txtSym.textFormat = new TextFormat("Verdana",sizeFont.value,cpFont.selectedColor,fBold,fItalic,fUnder);
      array.push(new Graphic(shpPoint.toPoint(), new SimpleMarkerSymbol(styleMark.text.replace(repPattern,"").toLowerCase(),sizeMark.value,cpMark.selectedColor,alphaMark.value/100), dbfRecord.values));
      array.push(new Graphic(shpPoint.toPoint(), txtSym, dbfRecord.values));
     } else if (shapeType == 3) {
      /* WC 7.21.2010 - shapefile type = polyline */
      var shpLine:ShpLine = shpReader.readShpLine();
   ---var dbfRecord:DbfRecord = DbfTools.getRecord(dbfByteArray, dbfHeader, index++);
      /* WC 7.22.2010 - setup label with first text field attribute */
      var txtSym:TextSymbol = new TextSymbol;
      txtSym.placement = "start";
      var doneFlag:Boolean = false;
      for (fldIdx = 0; fldIdx < dbfHeader.fields.length; fldIdx++) {
       if (doneFlag == false && dbfHeader.fields[fldIdx].type == 67) {
        txtSym.text = StringUtil.trim(dbfRecord.values[dbfHeader.fields[fldIdx].name]);
        doneFlag = true;
       }
      }
      var fBold:Boolean = bBold.selected;
      var fItalic:Boolean = bIta.selected;
      var fUnder:Boolean = bUnd.selected;
      txtSym.textFormat = new TextFormat("Verdana",sizeFont.value,cpFont.selectedColor,fBold,fItalic,fUnder);
      array.push(new Graphic(shpLine.toLine(), new SimpleLineSymbol(styleLine.text.replace(repPattern,"").toLowerCase(),cpLine.selectedColor,alphaLine.value/100,sizeLine.value), dbfRecord.values));
      array.push(new Graphic(new MapPoint(shpLine.extent.xmax, shpLine.extent.ymax), txtSym, dbfRecord.values));
     } else if (shapeType == 5) {
      /* WC 7.21.2010 - shapefile = polygon */
      var shpPolygon:ShpPolygon = shpReader.readShpPolygon();
   ---var dbfRecord:DbfRecord = DbfTools.getRecord(dbfByteArray, dbfHeader, index++);
      /* WC 7.22.2010 - setup label with first text field attribute */
      var txtSym:TextSymbol = new TextSymbol;
      txtSym.placement = "start";
      var doneFlag:Boolean = false;
      for (fldIdx = 0; fldIdx < dbfHeader.fields.length; fldIdx++) {
       if (doneFlag == false && dbfHeader.fields[fldIdx].type == 67) {
        txtSym.text = StringUtil.trim(dbfRecord.values[dbfHeader.fields[fldIdx].name]);
        doneFlag = true;

chena

Hi,

thanks for the code,

I've quickly converted to the SFV 2.0 Beta 2, if anyone wants it.

I've included the compiled version and source code.

DISCLAIMER: A quick modify of the existing widget to bring it up to flex 2.0, code by others ....

p.s. it would be interesting to extend this to have the same graphics colors etc control as the advanced graphic widget in sfv 1.3 (we have one for SFV 2.0 - using flex 2.0 api) and have the ability to push the graphic (which is now geometry) into a feature layer as a new edit feature ... 🙂

Anyone thinking of doing that?

Cheers
Coomsie

Hi, Coomsie
Thanks for sharing the code.
It's been over a year now since you converted it to 2.0. I've loaded it into flexviewer 2.4 and found that it only works with point shape files, not polyine and polygon features. Do you have any plan to upgrade the source code for SFV 2.4?

Achen

Anonymous User

Original User: EJAY_L

YiJia LAI,

That is a common error with this forum and zip files when you use IE to download. Try downloading the zip from Firefox or chrome and it will be fine.

Thanks Robert, you made my day. Can't believe this will happen though. What a tip for the IT help desk.

RobertScheitlin__GISP

YiJia LAI,

That is a common error with this forum and zip files when you use IE to download. Try downloading the zip from Firefox or chrome and it will be fine.

Anonymous User

Original User: EJAY_L

Hi coomsie,

Um...it didn't click. Sorry I didn't express myself well, I guess. In order to isntall the widget to the Flex view 2.0, I thought I need to open the zip file you provided above. So here's what I did. I download the file and try to unzip it to see what's inside and to install the widget but can't open it getting a "not valid zip file error message." Any further detailed instruction?

Thanks.

Hi,

it need the file to be a zip one currently,

i.e.

a normal zip file with all the normal gis file within it.

+ *.dbf
+ *.shp
+ *.shx

you could change the code to look for the files unzipped.

IainCampion

Hi,

it need the file to be a zip one currently,

i.e.

a normal zip file with all the normal gis file within it.

+ *.dbf
+ *.shp
+ *.shx

you could change the code to look for the files unzipped.

That's great! I have issue with opening the file. It says 'it's not a valid zip file'. Any one has the same issue at all or I missed something?

Thanks.

Anonymous User

Original User: millsa

Mr. Gonzalez,
I've tested your PLP version of the ShpOverlay and it works great for polygon shps in both WGS84 and Web Mercator flex applications. (SFV 1.0)

Hi Thomas,

How did you get the widget to re-project in your Web Mercator application?

Also, to fix the point issue in your WGS84 widget, change the following in "ShpPoint.as":
        private var xcoor:Number;

        private var ycoor:Number;

        public function ShpPoint(xco:Number, yco:Number)

thanks,
-Adam

EjayLai

That's great! I have issue with opening the file. It says 'it's not a valid zip file'. Any one has the same issue at all or I missed something?

Thanks.

Hi,

thanks for the code,

I've quickly converted to the SFV 2.0 Beta 2, if anyone wants it.

I've included the compiled version and source code.

DISCLAIMER: A quick modify of the existing widget to bring it up to flex 2.0, code by others ....

p.s. it would be interesting to extend this to have the same graphics colors etc control as the advanced graphic widget in sfv 1.3 (we have one for SFV 2.0 - using flex 2.0 api) and have the ability to push the graphic (which is now geometry) into a feature layer as a new edit feature ... 🙂

Anyone thinking of doing that?

Cheers
Coomsie

Anonymous User

Original User: rjgonzalez73

I did come across a point location error in a WGS84 the application. (It works fine for my Web Mercator app.) Have you tested the correctness of the point locations for a point shapefile input? (I did not test a line shapefile.) The points are all pulled towards the center of the map 0, 0 anywhere from 20 - 70 miles. Please let me know what you come up with.

As I indicated in my original post, I didn't write the code so I didn't do any testing. I haven't really looked at the code in depth to support it or add additional functionality. I just posted the code since people were asking for the functionality and I knew it would be useful. Once my environment has been upgraded to API version 2.0, I will revisit this widget and see if I can include some of the changes you requested.

Anonymous User

Original User: tbrophy

Have you tested the correctness of the point locations for a point shapefile input? (I did not test a line shapefile.) The points are all pulled towards the center of the map 0, 0 anywhere from 20 - 70 miles.

I just figured out what is going on:
The offset of the graphic points generated by our tool was so random that I was curious about their LAT LONGs. I was right, each graphic point was right to the whole number. If the point was -85.9495, 33.6794, the graphic point would be located at -85.00, 33.00. And the reason it works perfectly for Web Mercator is that it uses whole numbers in meters.

I hope this helps in your adjustments.

ThomasBrophy

Attached is a modified version of the shapefile overlay widget that allows you to modify the symbology, displays the first attribute and supports points, lines and polygons. You will need to have the original shapefile widget installed and update with the attached files.

Let me know if this works for you. If it does, I can post it to the code gallery.

DISCLAIMER: An intern in my group modified the widget, so I didn't write the code.

Mr. Gonzalez,
I've tested your PLP version of the ShpOverlay and it works great for polygon shps in both WGS84 and Web Mercator flex applications. (SFV 1.0)

I did come across a point location error in a WGS84 the application. (It works fine for my Web Mercator app.) Have you tested the correctness of the point locations for a point shapefile input? (I did not test a line shapefile.) The points are all pulled towards the center of the map 0, 0 anywhere from 20 - 70 miles. Please let me know what you come up with.

Have you given any thought to:

- Allowing the user to choose the label field?
- Display using a color ramp for multi - feature polygon?
- A place in the code to convert projection? ie. Input shapefile WGS84 (4326) - Output projected graphic of shapefile in Web Mercator (102003) application.

Thank you again for hard work on the PLP version you posted.

Anonymous User

Original User: coomsie

Hi,

thanks for the code,

I've quickly converted to the SFV 2.0 Beta 2, if anyone wants it.

I've included the compiled version and source code.

DISCLAIMER: A quick modify of the existing widget to bring it up to flex 2.0, code by others ....

p.s. it would be interesting to extend this to have the same graphics colors etc control as the advanced graphic widget in sfv 1.3 (we have one for SFV 2.0 - using flex 2.0 api) and have the ability to push the graphic (which is now geometry) into a feature layer as a new edit feature ... 🙂

Anyone thinking of doing that?

Cheers
Coomsie

Attached is a modified version of the shapefile overlay widget that allows you to modify the symbology, displays the first attribute and supports points, lines and polygons. You will need to have the original shapefile widget installed and update with the attached files.

Let me know if this works for you. If it does, I can post it to the code gallery.

DISCLAIMER: An intern in my group modified the widget, so I didn't write the code.

ShapeFiles.zip

leonardooletic

hi i downloaded the atached fzip and it returns me tha the zip file is invalid coul you send me the code to my personal email oletic@gmail.com, thanks a lot

Anonymous User

Original User: tbrophy

1) If it's between geographic and web mercator, use the WebMercatorUtil class http://help.arcgis.com/en/webapi/flex/apiref/index.html?com/esri/ags/utils/WebMercatorUtil.html&com/esri/ags/utils/class-list.html to project the geometries. This is all done client-side.

Bjorn,
Thank you for the direction. I really appreciate it. I've been trying to get "WebMercatorUtil.geographicToWebMercator" into the ShapeFile_Overlay_PLP code from Ricky Gonzalez. Can you show me how this is done? I've been at it all morning. (I get in pretty early.)

I am using:
SFV: flexviewer-src-1.0.zip (Build 06.12.09)
agslib-1.2.swc
flex_sdk_3.2
Required Adobe Flash Player version 10

(We are switching server architecture and can't move to ArcGIS 10 or Flex 2.0 until early next year.)

Thanks for your help.

BjornSvensson

Do you know of a way to convert this �??on-the-fly�?�?

The Flex API doesn't directly convert features on-the-fly. However, there are two ways of converting from one projection to another.

1) If it's between geographic and web mercator, use the WebMercatorUtil class http://help.arcgis.com/en/webapi/flex/apiref/index.html?com/esri/ags/utils/WebMercatorUtil.html&com/esri/ags/utils/class-list.html to project the geometries. This is all done client-side.

2) Use the GeometryService project method to project geometries between any coordinate system. This will send the request to the server which will project it.

Note if using the 1.x API, the GeometryService took graphics, in 2.x it takes geometries instead.

Anonymous User

Original User: rjgonzalez73

Works great! Thank you so much. I got about 12 "3596: Duplicate variable definition" warnings in FB3, but I can live with that.

I am using FB3 also and I get several 3596: Duplicate variable definition warnings, however the warnings point to my ConfigManager.as file. I am using a heavily customized version of the Sample Viewer, but I can download the original Sample Viewer and install the widget and see if I get the same warnings.

Have you done much re-projection work in Flex? Robert Scheitlin helped me out a bunch with this before he moved on to his work w/ SFV 2.0. I use Bing base maps in the Web Mercator Aux Sphere (102100) projection for my Flex project. Every time my users want to use this tool, they need to convert their shapefile from WGS 1984 Geographic (4326) à (102100) in ArcMap first. Do you know of a way to convert this �??on-the-fly�?�?

Note: The input shapefiles are always in (4326), so the conversion would always be the same.

I am new to Flex and GIS systems in general so I am trying to get up to speed and haven't done any re-projection work. Sorry I am not able to help with this part of it. Since I have received help from others on the forums, I wanted to share what I could.

ThomasBrophy

[ATTACH]2208[/ATTACH]

Attached are the DrawWidget_wm adjusted files Robert Scheitlin helped me with some time ago. The code might help in the re-project on-the-fly. Thanks again.

DrawWidget_wm.zip

Anonymous User

Original User: nathanenge

It worked for me as well, though I had to search the net for a couple of i_bold icons. thanks for this.

ThomasBrophy

Attached is a modified version of the shapefile overlay widget that allows you to modify the symbology, displays the first attribute and supports points, lines and polygons. You will need to have the original shapefile widget installed and update with the attached files.

Let me know if this works for you. If it does, I can post it to the code gallery.

DISCLAIMER: An intern in my group modified the widget, so I didn't write the code.

Works great! Thank you so much. I got about 12 "3596: Duplicate variable definition" warnings in FB3, but I can live with that.

Have you done much re-projection work in Flex? Robert Scheitlin helped me out a bunch with this before he moved on to his work w/ SFV 2.0. I use Bing base maps in the Web Mercator Aux Sphere (102100) projection for my Flex project. Every time my users want to use this tool, they need to convert their shapefile from WGS 1984 Geographic (4326) à (102100) in ArcMap first. Do you know of a way to convert this �??on-the-fly�?�?

Note: The input shapefiles are always in (4326), so the conversion would always be the same.

Any help would be greatly appreciated. Thanks again for the earlier help. I�??m going to implement it this week.

Anonymous User

Original User: rjgonzalez73

Have you been sucessful in getting the shapefile overlay to label based on attribute?

Attached is a modified version of the shapefile overlay widget that allows you to modify the symbology, displays the first attribute and supports points, lines and polygons. You will need to have the original shapefile widget installed and update with the attached files.

Let me know if this works for you. If it does, I can post it to the code gallery.

DISCLAIMER: An intern in my group modified the widget, so I didn't write the code.

ShapeFile_Overlay_PLP.zip

ThomasBrophy

Have you been sucessful in getting the shapefile overlay to label based on attribute?

Not yet. I was hoping this widget had already been created. This has to be a common workflow. . .

Anonymous User

Original User: nathanenge

Have you been sucessful in getting the shapefile overlay to label based on attribute?

RRubalcava

A quick look at the description of the Shapefile Overlay description says it uses some of this library
http://code.google.com/p/vanrijkom-flashlibs/wiki/SHP
and Mansour Raad's post here
http://thunderheadxpler.blogspot.com/2008/12/shapefile-viewer.html

The latest comments also state the file has been updated to include the DBF library needed to show attributes, so you may want to try downloading it again. Looks he compiled them into a nice .swc already. The source should be the same as here
http://vanrijkom-flashlibs.googlecode.com/svn/trunk/org/vanrijkom/dbf/

If you check out the example Mansour provides, he also uses that DBF library from the same author to show the attribute data. Unforunately, I don't know of a way to read a .lyr file and parse it in Flex. I don't know enough about the internals of the file for that.

Anonymous User

Original User: elmeras

Hello. I believe you and I want the same thing. I asked as similar question on the thread below: http://forums.arcgis.com/threads/7364-How-to-display-.dbf-attributes-for-the-Shape-File-Overlay-for-Sample-Viewer?highlight=shape+overlay.
I hope we get direction soon. I will continue to check both of our threads and I will let you know if I receive any feedback. Thanks - Allison

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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