topic Re: Zillow Widget for Flexviewer 2.x in ArcGIS Viewer for Flex Questions

Zillow Widget for Flexviewer 2.x

ReneRubalcava — Wed, 02 Feb 2011 21:12:55 GMT

Not too long ago someone had inquired about a Real Estate widget using Zillow or some other service on this forum.

So, I had been wanting to try out some new API's and built a Zillow Widget for Flexviewer 2.x.
http://www.arcgis.com/home/item.html?id=43a861b27c3a4463b23493d042974138

You will need to get your own Zillow API key from Zillow, which you can do for free.
http://www.zillow.com/howto/api/APIOverview.htm

Their API calls are pretty well documented and it's basically a lot of XML parsing. This widget was also built using Robotlegs once I realized that it was really going to be a more invloved module than I initially anticipated.
If you wish to compile from source, you will need the Robotlegs .swc file which you can get from the official site.
http://www.robotlegs.org/

I have tested some more extensive API calls to Zillow and I am pleasantly surprised that their servies are quick. You are limited to 1000 API calls per day, so if my sample application breaks, that is probably why.

The latest source can be found on github
https://github.com/odoe/Zillow-Widget

I will update the zip file on the Resource center when new functionalities are complete. The github repo will probably have some incomplete features as I commit often while working.

Any feedback is welcome, thank you.

Update:
(02/03/2011) - added search options for Regional Postings to include Property Types and Rentals.

Re: Zillow Widget for Flexviewer 2.x

JamesHolley — Fri, 03 Jun 2011 18:35:07 GMT

I am interested in using the zillow widget, in my companies web app. The problem that I am running into is all of our data is projected in state plane, and the returned results are not. Any help with this would be great.

Thanks,
James

Re: Zillow Widget for Flexviewer 2.x

ReneRubalcava — Sat, 11 Dec 2021 20:42:24 GMT

I wrote a utility class to process Zillow Results and turn them in to graphics.
https://github.com/odoe/Zillow-Widget/blob/master/main/util/ZillowUtil.as

If you look at the results, it returns a lat/long coordinate.

var wgs:MapPoint = new MapPoint(attr.longitude, attr.latitude, new SpatialReference(4326));
var mp:MapPoint = WebMercatorUtil.geographicToWebMercator(wgs) as MapPoint;

You'd need to send the results to a geometry service to reproject them. There's no easy way to reproject data clientside in Flex.

Re: Zillow Widget for Flexviewer 2.x

JamesHolley — Mon, 06 Jun 2011 14:30:10 GMT

I am also having trouble compiling the widget, ui:ViewManager is causing an error. If you have any advice, it would be great. Thanks

Error 1046: Type was not found or was not a compile-time constant:

Re: Zillow Widget for Flexviewer 2.x

ReneRubalcava — Mon, 06 Jun 2011 15:00:11 GMT

To use the Zillow widget, make sure you have downloaded the Robotlegs swc and added it to your Flexviewer libs folder.
http://www.robotlegs.org/

That might be the issue. I just tried it out in FV 2.3 and it's working ok.
If you get more errors, could you post the full console output of the error?

Re: Zillow Widget for Flexviewer 2.x

JamesHolley — Mon, 06 Jun 2011 17:09:36 GMT

I downloaded and added the robotlegs.swc to the lib folder, and I am still getting the same error.

1046: Type was not found or was not a compile-time constant: ViewManager. line 34 ZillowWidget.mxml /flexviewer-2.3.1-src/src/widgets/Zillow/source/main Flex Problem

I am not sure if this tells you anything more, but I would like to thank you for your help and quick response.

Re: Zillow Widget for Flexviewer 2.x

ReneRubalcava — Sat, 11 Dec 2021 20:42:26 GMT

Does you ZillowWidget.mxml file look like this?

<?xml version="1.0" encoding="utf-8"?>
<viewer:BaseWidget xmlns:fx="http://ns.adobe.com/mxml/2009"
       xmlns:s="library://ns.adobe.com/flex/spark"
       xmlns:mx="library://ns.adobe.com/flex/mx"
       xmlns:viewer="com.esri.viewer.*"
       xmlns:main="widgets.Zillow.main.*"
       xmlns:ui="widgets.Zillow.main.view.ui.*"
       layout="absolute"
       widgetConfigLoaded="basewidget_widgetConfigLoadedHandler(event)">
 <fx:Declarations>
  <main:ZillowContext contextView="{this}" />
 </fx:Declarations>
 <fx:Script>
  <![CDATA[
            
   protected function basewidget_widgetConfigLoadedHandler(event:Event):void
   {
                if (configXML)
                {
                    var zwsid:String = configXML.zwsid;
                    vManager.zwsid = zwsid;
                    vManager.map = map;
                }
   }
  ]]>
 </fx:Script>
 <fx:Style source="assets/zillowwidget.css" />
 <viewer:WidgetTemplate id="wTemplate"
         width="300"
         height="315"
         minHeight="315"
         minWidth="300">
  <ui:ViewManager id="vManager"
      width="100%"
      height="100%" />
 </viewer:WidgetTemplate>
</viewer:BaseWidget>

Make sure you have the correct namespaces in the BaseWidget.
xmlns:main="widgets.Zillow.main.*"
xmlns:ui="widgets.Zillow.main.view.ui.*"

Re: Zillow Widget for Flexviewer 2.x

JamesHolley — Mon, 06 Jun 2011 18:33:51 GMT

That worked! The namespaces were a little off on my end. Now that I have it up and going again I am back to my original problem of getting the widget to project in state plane. I have my wkid number which is wkid=3433 and a geometry service running on my server, but can not figure out how to modify your code to implement the action I need to take place. Thanks again

Re: Zillow Widget for Flexviewer 2.x

RyanColeman — Thu, 23 Jun 2011 15:18:04 GMT

is there a way of clearing the house graphics and infowindow when the widget closes? I tried a widgtetclosedhandler that clears the graphicslayer and infowindow in ZillowWidget.mxml but it does nothing probably because they don't connect to the actual stuff

Re: Zillow Widget for Flexviewer 2.x

ReneRubalcava — Tue, 28 Jun 2011 13:47:05 GMT

Sorry, I have not had much free time to work on my widget projects.
I updated the Zillow widget with a clear button. I've found that users don't always want to clear results when a widget is closed, so I think this is a good compromise.

Now if you wanted to do this on widget close, I add a clear method to the ViewManager
vManager.clearLayer();
You can tie the widget close event to a function that can call this method when the widget is closed if you like.

Hope that helps.

Re: Zillow Widget for Flexviewer 2.x

RyanColeman — Mon, 11 Jul 2011 16:37:22 GMT

Sorry, I have not had much free time to work on my widget projects.
I updated the Zillow widget with a clear button. I've found that users don't always want to clear results when a widget is closed, so I think this is a good compromise.

Now if you wanted to do this on widget close, I add a clear method to the ViewManager
vManager.clearLayer();
You can tie the widget close event to a function that can call this method when the widget is closed if you like.

Hope that helps.

Thanks very much for your help! If anybody else is doing this- you can add map.infoWindow.hide(); to the same widgetClosedHandler and it will get rid of any open Zillow info windows when the close button is hit too.

Re: Zillow Widget for Flexviewer 2.x

KyleReese-Cassal — Fri, 15 Jun 2012 16:12:37 GMT

Does this Widget work for Flexviewer 2.5? I have a Zillow API key, but the dialogue box does not open. I've tried the code from this site and from https://github.com/odoe/Zillow-Widget. Thanks!