Google® Street View Widget

RobertScheitlin__GISP · ‎06-12-2013

All,

   Here is the next installment to my long list of widgets. I never really wanted to add to the list of several Street View Widgets, but as it's predecessors have lacked updating when new version of Flex Viewer are released and me wanting to add more features, I finally decided to do one myself.

The Google Street View Widget version 3.3 for Flex Viewer 3.3 allows you to view Google Street View Panoramas in a popup window. The widget use Google Maps API Version 3 and has almost all the API options for the Street View Panorama that are available in the API configurable in the widgets xml. A lot of attention has gone into the UI (User Inferface) and UX (User Experience) of this widget and a lot of cross browser testing has been done. Tested on Safari for windows 5.1.7, Internet Explorer 9, Opera 12.15, FireFox 21.0, and Chrome 27.0.1453.110 m.

Configurable features include:

    * hidestreetviewvwidowwhenminimized - This is a true or false value and determines if the graphic on the map and the Google Street View window are hidden when the widget is minimized.
    * width - The width of the popup widow that is opened.
    * height - The height of the popup widow that is opened.
    * apikey - The Google Maps API Key that you must obtain to use this widget.
      https://developers.google.com/maps/documentation/javascript/tutorial#api_key
    * addresscontrol - is a true or false value and determines if the Google Street View Address Control is visible.
      It has an attribute of controlposition that defines where in the popup window the control is placed.
    * clicktogo - is a true or false value and determines if the Google Street View will move to the location clicked.
    * disabledoubleclickzoom - is a true or false value and determines if the Google Street View will zoom into the
      location on the panorama where the user double clicks.
    * imagedatecontrol - is a true or false value and determines if the Google Street View will display the date of the
      panorama image was taken along the bottom of the window with the copyright info.
    * linkscontrol - is a true or false value and determines if the Google Street View will display the movement arrows
      and street names on the panorama for navigation purposes.
    * pancontrol - is a true or false value and determines if the Google Street View pan Control is visible.
      It has an attribute of controlposition that defines where in the popup window the control is placed.
    * zoomcontrol - is a true or false value and determines if the Google Street View zoom Control is visible.
      It has an attribute of controlposition that defines where in the popup window the control is placed and a
      controlstyle attribute that determines the size of the control.

    * All text that the widget uses is configurable in the xml to allow for internationalization of the widget.

So here it is: http://www.arcgis.com/home/item.html?id=b4259b1cf73e4fa3b04e7bdf75fee29b

RobertScheitlin__GISP · ‎07-29-2013

Kevin,

If you are talking about where in the screen the panorama popup window appears, currently no there is no configuration option for that.

SDUPD · ‎08-09-2013

Check to see if you have a pop up blocker associated with your google search tool bar. I was stumped for a quite a while till I noticed this as the issue that creates the "popup blocker detected" issue in IE.

https://support.google.com/toolbar/answer/9171?ctx=mi&hl=en

Robert,

I am using IE9 and getting the popup blocker detected even though I have it turned off.
What am I doing wrong?

PeterHoffman · ‎08-09-2013

Yes, that did the trick - thanks much.

RobertScheitlin__GISP · ‎08-09-2013

Yep I guess I will have to check from toolbar popup blockers too.

MoiraMcVeigh · ‎08-12-2013

Hi Robert,

Great App, I managed to find my way through the various minefields that have happened to others with this app, unfortunately I cannot see the cure for the transformation error that is linked with the app.

I am working in ITM (Irish Transverse Mercator). Any ideas??

John

RobertScheitlin__GISP · ‎08-12-2013

John,

transformation error

???... You are going to have to give more details and be more specific.

MoiraMcVeigh · ‎08-13-2013

Well I have managed to get the Widget to work successfully, with the one exception that the icon is 'looking' at a different street, this is anything between 30-70m away from the actual point the icon has been placed upon the map.

Most of my data is in Irish Transverse Mercator projection and I am assuming that this is causing the error and forcing the icon to be out of position.

I was just asking that this type of error had already been flagged on this thread and I didnt actually see a remedy for the error.

thanks

John

RobertScheitlin__GISP · ‎08-13-2013

John,

If you were to reproject some of your data from Irish Mercator to WGS 1984, would have to assign a special projection transformation? As far as this offset already being discussed on this thread, in that case When I added the users map service on top of esris streetmap base map their data appeared to be off that same amount that he was reporting as evidenced by my screenshots of the offset. The widget itself was lining up perfectly with the esri streetview in web Mercator. You may want to attempt the same test and add esri streetmap layer as a dynamic layer to your map and see how the position of the Google street view man icon aligns with that layer vs your data.

<layer label="Streets" type="dynamic" imageformat="jpg" dpi="120" visible="false" url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" icon="https://www.arcgis.com/sharing/rest/content/items/d8855ee4d3d74413babfb0f41203b168/info/thumbnail/tempstreets.jpg"/>

MoiraMcVeigh · ‎08-13-2013

Thanks, will give it a go

NicholasBarger · ‎08-13-2013

hi robert,
i've tried to implement your streetview widget and am getting Google API errors. i've created my own key and plugged it in as the directions state, but i keep getting this error.
[ATTACH=CONFIG]25588[/ATTACH]

i've done a lot of research and have created a new key, but still not sure how to resolve this. any insight you might have would be great.

thanks,
jack

Hello,

Were you ever able to find any answers to this question. I have the same problem. The image displays in the new window and has full functionality for a couple seconds then displays the error message that you have attached in the original post.

Thanks,

Nick