topic Re: Integrating streetview to my Flex Application urgent....... in ArcGIS API for Flex Questions

Integrating streetview to my Flex Application urgent.......

Matildaobaseki — Wed, 22 Sep 2010 07:59:21 GMT

Hi All,

I did integrate Google streetview Wedge by dbechtold to my flex application ran it the first time from my flex builder, it worked, but wont display the second time i ran the flex application.

Also dbechtold wedge only displayed one location. I need a code( from the guru's) that when I used the location wedge in my flex application, which uses esri geocoding Api, it registers the lalng and displays the corresponding location in google streetview panorama.

Any Ideas..................

Re: Integrating streetview to my Flex Application urgent.......

JoshCalhoun — Wed, 22 Sep 2010 13:15:53 GMT

Download this file from Robert Scheitlen. His street viewer is a lot easier to set up and use. Make sure line 62 in the Streetview.mxml has a virtual directory pointing to the StreetView.html file. Also, do not change the WKID (spatail reference) value in line 40. My map is in TN SPC 83 it did not work for me when I changed it from the original value.

hope it helps,

Josh Calhoun
City of Chattanooga GIS

Re: Integrating streetview to my Flex Application urgent.......

FrankRoberts — Wed, 22 Sep 2010 17:29:53 GMT

I have just worked up a new version of that tool that gets around the pop up blocking issue by loading the content into a frame within flash. It also mashes up the Streetview data with the Pictometry oblique view data in one window. The widget is running under the Flexviewer 2 Beta. You can check it out at:

http://gis.cdatribe-nsn.gov/flashmaps2/

Let me know if you want to be a guinea pig and test the widget?

Frank

Re: Integrating streetview to my Flex Application urgent.......

LeeAllen — Wed, 22 Sep 2010 20:49:49 GMT

Frank,

I will be a guinea pig, that is awesome!!

Re: Integrating streetview to my Flex Application urgent.......

SimonMorgan — Wed, 22 Sep 2010 20:54:15 GMT

I have just worked up a new version of that tool that gets around the pop up blocking issue by loading the content into a frame within flash. It also mashes up the Streetview data with the Pictometry oblique view data in one window. The widget is running under the Flexviewer 2 Beta. You can check it out at:

http://gis.cdatribe-nsn.gov/flashmaps2/

Let me know if you want to be a guinea pig and test the widget?

Frank

Could I be a guinea pig too, this widget would fulfill the biggest request I get from my users!!!!!

Re: Integrating streetview to my Flex Application urgent.......

IainCampion — Thu, 23 Sep 2010 07:14:37 GMT

I have just worked up a new version of that tool that gets around the pop up blocking issue by loading the content into a frame within flash. It also mashes up the Streetview data with the Pictometry oblique view data in one window. The widget is running under the Flexviewer 2 Beta. You can check it out at:

http://gis.cdatribe-nsn.gov/flashmaps2/

Let me know if you want to be a guinea pig and test the widget?

Frank

Gidday mate,

What a legend!!

Keen to be a guinea pig and help out on the code too, very smart/designed widget mate.

Cheers
Coomsie

Re: Integrating streetview to my Flex Application urgent.......

LeeAllen — Thu, 23 Sep 2010 16:17:37 GMT

I just gave this a try on the new 2.1 API and 2.1 flexviewer and get the following error:

Description Resource Path Location Type
Could not resolve <flexiframe:IFrame> to a component implementation. WebForm.mxml /FlexViewer2/src/widgets/FrStreetview line 59 Flex Problem

I see in the doc that you used 2.0, would that be the difference?

Re: Integrating streetview to my Flex Application urgent.......

GaryBushek — Thu, 23 Sep 2010 19:01:25 GMT

would like to try the streetview widget out. Any idea where I can get it? The code gallery seems very slim. I'm new to the flex 2.x stuff as of today and i've never worked within the sample viewer before so it seems difficult to get started with custom stuff.

Re: Integrating streetview to my Flex Application urgent.......

JoshCalhoun — Thu, 23 Sep 2010 20:20:48 GMT

Frank your asome. Thanks for the posting.

I tried your hyperlink tool but I could not get it too work. Could you post when you get it up and running?

thanks,

Re: Integrating streetview to my Flex Application urgent.......

LeeAllen — Thu, 23 Sep 2010 20:34:07 GMT

Got it to work, perfect!!! Yes, this is awesome. I looked at your hyperlink tool as well, and it seemed to work, except when I went to close out the window it got stuck and I couldn't get it to go away. Would love to see that code soon as well.

Re: Integrating streetview to my Flex Application urgent.......

GaryBushek — Fri, 24 Sep 2010 14:50:40 GMT

Lee,
What did you get working? I dont see any code attachments here to try out. Is this available elsewhere?

Thanks, Gary

Re: Integrating streetview to my Flex Application urgent.......

Matildaobaseki — Sat, 25 Sep 2010 06:09:06 GMT

Hi Frank,

Thanks, please send this as a zip file so I could try the code myself. Others seem to have liked it.

Thanks......

Re: Integrating streetview to my Flex Application urgent.......

Matildaobaseki — Sat, 25 Sep 2010 12:11:12 GMT

Hi Josh,

could you attached a new copy of the googlestreetview, the zip you sent previously seem to be corrupt. I ' m unable to view download the files.

Thanks

Re: Integrating streetview to my Flex Application urgent.......

RobertScheitlin__GISP — Mon, 27 Sep 2010 12:58:45 GMT

Matilda and Josh,

The issue with the zip file be corrupted is a known issue with Internet Explorer and this forum. The original zip is not actually corrupted you just have to use any browser other that IE to download it. My preference is Firefox.

Re: Integrating streetview to my Flex Application urgent.......

deleted-user-RjoC4IOGTpoH — Mon, 27 Sep 2010 16:59:56 GMT

Hi Frank,

Is your your dual view app working with 2.1?
Mind if I try it out?

Excellent work ...

Nestor.

Re: Integrating streetview to my Flex Application urgent.......

FrankRoberts — Mon, 27 Sep 2010 20:46:39 GMT

Thank you everyone for the intrest. I have 4 people testing currently. Once I get feedback from them I'll start a new thread or post out the zip file in the user samples. I have the sample working in 2.1, after some reworking. My next task is to finish up work on the hyperlink code, once that is done I'll do the same.

Sorry for hyjacking the thread Robert!

Re: Integrating streetview to my Flex Application urgent.......

Matildaobaseki — Tue, 28 Sep 2010 12:03:22 GMT

Hello Code Gurus....
Below im mxml code for gecoding Addresses, now embedding google streetview in my html. What I want to archieve is as the marker locates the postcode search or address search in my map, it then parse the latlon of the position maker to the streetview panorama and displays the streetview image of that search.   but obviously, I' M NOT ARCHIEVING THIS. HELP PLEASE.
HERE IS THE CODE.... it displays the marker for the search but not the streetview
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:maps="com.google.maps.*"
    width="100%" height="100%" layout="absolute" viewSourceURL="srcview/index.html">
<mx:Panel title="Google Maps Demo" width="100%" height="100%">
<mx:VBox width="100%" height="55%">
   <mx:HBox width="100%" height="25">
    <mx:Label
     text="Enter address: "/>
    <mx:TextInput x="76" y="10"
      id="address"
     text="london"
    enter="doGeocode(event);" />
    <mx:Button
     id="submitButton" label="Search"
     click="doGeocode(event);"
     />
   </mx:HBox>
   <maps:Map
    id="map"
    key="ABQIAAAA6-wf-nBKy-SMBfMdxRjYqxRjBgYrW1knLEOdndkig2gkeE6wEhT7MqUe29V1DYC-8Dw_CYwZPhdzzw"
    mapevent_mapready="onMapReady(event)"
    width="100%" height="100%"/>
</mx:VBox>
</mx:Panel>
<mx:Script>
<![CDATA[
   import com.google.maps.services.ClientGeocoderOptions;
   import com.google.maps.LatLng;
   import com.google.maps.Map;
   import com.google.maps.MapEvent;
   import com.google.maps.MapMouseEvent;
   import com.google.maps.MapType;
   import com.google.maps.services.ClientGeocoder;
   import com.google.maps.services.GeocodingEvent;
   import com.google.maps.overlays.Marker;
   import com.google.maps.overlays.MarkerOptions;
   import com.google.maps.InfoWindowOptions;
   import mx.controls.Alert;
   import com.google.maps.controls.ZoomControl;


   import com.google.maps.controls.MapTypeControl;
   import com.google.maps.controls.PositionControl;

private function onMapReady(event:Event):void {
//this.map.setCenter(new LatLng(37.4419, -122.1419), 13, MapType.NORMAL_MAP_TYPE);
this.map.setCenter(new LatLng(51.522524, -0.110933), 13, MapType.NORMAL_MAP_TYPE);

    map.enableScrollWheelZoom();
    map.enableContinuousZoom();
    map.addControl(new ZoomControl());
   }

   private function doGeocode(event:Event):void {
    // Geocoding example
    var geocoder:ClientGeocoder = new ClientGeocoder();
    geocoder.addEventListener(
    GeocodingEvent.GEOCODING_SUCCESS,
    function(event:GeocodingEvent):void {
    var placemarks:Array = event.response.placemarks;
if (placemarks.length > 0) {
map.setCenter(placemarks[0].point);
var marker:Marker = new Marker(placemarks[0].point);
marker.addEventListener(MapMouseEvent.CLICK, function (event:MapMouseEvent):void {
marker.openInfoWindow(new InfoWindowOptions({content: placemarks[0].address}));

This is the error....
marker.setLatLng(event.latLng);
ExternalInterface.call( "setPanorama", event.latLng.lat(), event.latLng.lng() );
       });

map.addOverlay(marker);
      }
     });
    geocoder.addEventListener(
     GeocodingEvent.GEOCODING_FAILURE,
     function(event:GeocodingEvent):void {
      Alert.show("Geocoding failed");
      trace(event);
      trace(event.status);
     });
    geocoder.geocode(address.text);
   }
]]>
</mx:Script>
</mx:Application>

Re: Integrating streetview to my Flex Application urgent.......

RobertScheitlin__GISP — Tue, 28 Sep 2010 14:53:44 GMT

Matilda,

Where is your javascript code for the ExternalInterface.call( "setPanorama", event.latLng.lat(), event.latLng.lng() );?

Re: Integrating streetview to my Flex Application urgent.......

JoshCalhoun1 — Tue, 28 Sep 2010 16:10:47 GMT

Frank,

I just tried loading your street viewer widget and it works fine with the Services from ESRI but when I loaded it into my own viewer none of the windows would show up flash or html (see attachment). When I zoomed out inside the Google Map window, I found that my location had been switched to somewhere in Africa. It was way off.

Does the spatial reference have anything to do with this? I know it did not matter when I used Robert Scheitlens SV widget but this is a lot different. My map services are in TN State Plane NAD 83 (wkid 2274).

Your thoughts would be greatly appreciated.

thanks,

Re: Integrating streetview to my Flex Application urgent.......

Matildaobaseki — Tue, 28 Sep 2010 16:17:25 GMT

Hi Rob,

here is of the Javascript for the streetview panorama.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" type="text/css" href="history/history.css" />


<title>${title}</title>

<script src="iframe/iframe.js" type="text/javascript"></script>
<script src="AC_OETags.js" language="javascript"></script>


<script src="history/history.js" language="javascript"></script>


<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">

</script>

<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAA6-wf-nBKy-SMBfMdxRjYqxRjBgYrW1knLEOdndkig2gkeE6wEhT7MqUe29V1DYC-8Dw_CYwZPhdzzw"   type="text/javascript"></script>
<script type="text/javascript">

var myPano;
var panoClient;
var nextPanoId;

function initialize()
{
var whiteHouse = new GLatLng(51.522524, -0.110933);

var whiteHousePOV = {yaw:180,pitch:0};

panoClient = new GStreetviewClient();

myPano = new GStreetviewPanorama(document.getElementById("pano"));
myPano.setLocationAndPOV(whiteHouse, whiteHousePOV);
GEvent.addListener(myPano, "error", handleNoFlash);
panoClient.getNearestPanorama(whiteHouse, showPanoData);
}

function showPanoData(panoData)
{
if (panoData.code != 200) {
    GLog.write('showPanoData: Server rejected with code: ' + panoData.code);
    return;
}

myPano.setLocationAndPOV(panoData.location.latlng);
}

function handleNoFlash(errorCode)
{
if (errorCode == 603) {
    alert("Error: Flash doesn't appear to be supported by your browser");
    return;
}
}

function setPanorama( lat, lon )
{
panoClient.getNearestPanorama(new GLatLng(lat, lon), showPanoData);
}

</script>
</script>

</head>

<body scroll="no" onload="initialize()" onunload="GUnload()">

<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td width="100%" height="100%">
<script language="JavaScript" type="text/javascript">
<!--

Thanks,
Matilda