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
Michael,
I just tested in IE11, FireFox 30, and Chrome 35 and all functioned fine.
Robert,
I've had the 3.6 version working for sometime now and noticed this message in the last couple of weeks.
"Google has disabled use of the Maps API for this application. See the Terms of Service for more information: http://www.google.com/intl/en-US_US/help/terms_maps.html."
I updated to the 3.7 and still get this message. I created a new key but no resolve yet. Any Ideas how to resolve?
Thanks,
Jeff,
I have NEVER been able to get this to work and not give me that msg. Good luck! If you find the secret please let me know.
Jeff and Arron,
The only time I have seen that error is when the website that has the Street view widget is not listed in your Google API reffers list. You need to visit https://code.google.com/apis/console/?noredirect and then the API Access tab and ensure that the URL of your Flex viewer site is listed under Referers:
So as an example my live preview site is http://gis.calhouncounty.org/FlexViewer3.7/index.html?config=config-streetview.xml and I have gislap183/* and gis.calhouncounty.org/* listed as authorized referers for my API Key. The gislap183 is my development machine and the other of course is my production domain url. You will note the lack of http and the wildcard at the end of the domain.
My bad.
1. I was running this in debug on my local machine. After placing the release on my web-server it functioned, but still got the "Google has disabled use of the Maps API for this application. See the Terms of Service for more information: http://www.google.com/intl/en-US_US/help/terms_maps.html." message.
2. As Robert describe, "the website that has the Street view widget is not listed in your Google API refers list:" So, "Create new Server key" and add your i.p. or url as Robert mentioned above. Or "Create new Browser Key for API Project" add your url as above
This is the fix for my issue.
As always Robert, Thanks so much for the help! You are amazing!