Skip to main content

Google Street View for HTML5 viewer?

Comments

57 comments

  • Permanently deleted user

    Hi,

    I am also Looking for the same. Will this be availble in 2.3.1 release?

    Thanks,

     

    Rajhpandian N
    0
  • Kevin Penner

    Hi Laura,

    I cannot speak to the timelines of these features for product release. Jason and I did a demo for the user conference titled Deep Dive: Geocortex Viewer for HTML5 where we setup Streetview to work with the map click event. If you attended the conference you can view the video by visiting the User Conference link above.

    The video is about 90 minutes long and demonstrates how to setup a page to load the Geocortex viewer and have it interact with another application on the same page using a custom module and our command/event infrastructure. That is about the best I have for you right now.

    Thanks,

    Kevin

    0
  • Permanently deleted user

    You can also put a link to streetview at the layer level in a maptip or identify, if the layer has X/Y or LAT/LON data.  I believe it's on Latitude's support site, in the code gallery.  We've used this method for things like address and parcel data, works well.  You may need to specify for it to open in a new tab or window though because i think by default html5 viewer opens links on the same page, so you lose your map.

    0
  • Jake Brown

    Saw a demo of this at a Portland area user group meeting.  It was my understanding that this type of integration was going to be baked into one of the upcoming versions of HTML 5 viewer (within licensing restricts of course :) ).  Is that still the plan?

    0
  • Permanently deleted user

    Hi, 

    This type of integration is now possible with the 3rd party map integration container introduced in version 2.4 of the HTML5 Viewer. A solution for Bing Maps is included with a Viewer, with the Administrator and Developer Guide providing an example on how to integrate with Bing Maps.

    As for Google Street View, I will be uploading a code gallery example shortly that will provide a sample implementation and instructions on how to set this up.

    Thanks,

     

    Cody
    0
  • Cattyann Campbell

    How does one control the extent of the Bing viewer it is displaying map on the wrong continent for us.

    0
  • John Nerge

    I downloaded and implemented the sample from the code gallery, but all I get when I open the third party maps tool is a gray screen with the text "Street View data not found for this location". Are there any other requirements for the tool to work? For example, my viewer uses https and a custom coordinate system. Will either of those interfere with using the provided code sample?

    0
  • Permanently deleted user

    Hi John,

    Google Street View only provides imagery for some area's, and the gray screen will appear when it is not available. If you move the marker on the viewer to a valid spot (usually just closer to streets), it should show the Street View Imagery.

    Thanks,

     

    Cody
    0
  • John Nerge

    There's plenty of Street View in the area I'm looking at (https://www.google.com/maps/place/Brooklyn+Park,+MN) .

    It seems like the 3rd party map isn't communicating with the GVH map. There's no marker on the screen (though I do get the message to move it), and none of the other tools within Google Maps do anything.

    0
  • Permanently deleted user

    Ah, if the tools on the street view aren't working then it definitely isn't communicating with GVH.  The https will not impact the Street View, and the coordinate system should be handled.

    One possible reason could be that the id on the configuration doesn't match. It should be "googleMaps" and is case sensitive. 

    If that is all good, then checking the debug log (ctrl + shift + `), after opening  the 3rd party maps tool may give more insight.

     

     

    0
  • John Nerge

    It's cased as googleMaps in the Desktop.json.js and the GoogleMaps.html files.  Hitting Ctrl + Shift + ' didn't do anything in my browser. I tried it in Chrome and IE 10.

    The only other thing I can think of unique to my GE install is that it's not on the C:\ drive.

    0
  • Permanently deleted user

    Sorry the debug log is with the tilde (ctrl + shift + ~), not comma.

    Since you have the grey screen appearing, not being on the C:\ drive shouldn't be impacting it.

    0
  • John Nerge

    The only warning in the debug log is that the mouse coordinates widget won't load.

    Level Timestamp Message

    info 16:01:21.498 Version 2.4.0.1253. en-US

     

    info 16:01:21.498 Initializing module 'Accessibility'.

     

    info 16:01:21.514 Initializing module 'Alert'.

     

    info 16:01:21.514 Initializing module 'Authentication'.

     

    info 16:01:21.514 Initializing module 'Banner'.

     

    info 16:01:21.514 Initializing module 'Basemap'.

     

    info 16:01:21.514 Initializing module 'Bookmarks'.

     

    info 16:01:21.514 Initializing module 'Browser'.

     

    info 16:01:21.514 Initializing module 'CompactToolbar'.

     

    info 16:01:21.514 Initializing module 'Confirm'.

     

    info 16:01:21.514 Initializing module 'Coordinates'.

     

    info 16:01:21.514 Initializing module 'Editing'.

     

    info 16:01:21.514 Initializing module 'ExportMap'.

     

    info 16:01:21.514 Initializing module 'FeatureDetails'.

     

    info 16:01:21.530 Initializing module 'FeatureLayer'.

     

    info 16:01:21.530 Initializing module 'Footer'.

     

    info 16:01:21.530 Initializing module 'Geolocate'.

     

    info 16:01:21.530 Initializing module 'Highlight'.

     

    info 16:01:21.545 Initializing module 'Identify'.

     

    info 16:01:21.545 Initializing module 'Info'.

     

    info 16:01:21.545 Initializing module 'Integration'.

     

    info 16:01:21.545 Initializing module 'IWantToMenu'.

     

    info 16:01:21.545 Initializing module 'LayerList'.

     

    info 16:01:21.545 Inline legend integration not enabled for the Configurable LayerList module

     

    info 16:01:21.545 Initializing module 'LayerThemes'.

     

    info 16:01:21.545 Initializing module 'Legend'.

     

    info 16:01:21.545 Initializing module 'Map'.

     

    info 16:01:21.561 Initializing module 'MapTips'.

     

    info 16:01:21.561 Initializing module 'Markup'.

     

    info 16:01:21.576 Initializing module 'Measurement'.

     

    info 16:01:21.576 Initializing module 'Menu'.

     

    info 16:01:21.576 Initializing module 'NativeIntegration'.

     

    info 16:01:21.576 Initializing module 'Navigation'.

     

    info 16:01:21.576 Initializing module 'OptimizerIntegration'.

     

    info 16:01:21.576 Initializing module 'OverviewMap'.

     

    info 16:01:21.576 Initializing module 'Printing'.

     

    info 16:01:21.576 Initializing module 'Prompt'.

     

    info 16:01:21.592 Initializing module 'Pushpins'.

     

    info 16:01:21.592 Initializing module 'QueryBuilder'.

     

    info 16:01:21.592 Initializing module 'Scalebar'.

     

    info 16:01:21.592 Initializing module 'Search'.

     

    info 16:01:21.592 Initializing module 'Share'.

     

    info 16:01:21.592 Initializing module 'SharingLink'.

     

    info 16:01:21.592 Initializing module 'Shells'.

     

    info 16:01:21.592 Initializing module 'Site'.

     

    info 16:01:21.608 Initializing module 'Status'.

     

    info 16:01:21.608 Initializing module 'TabbedToolbar'.

     

    info 16:01:21.608 Initializing module 'Tools'.

     

    info 16:01:21.608 Initializing module 'User'.

     

    info 16:01:21.608 Initializing module 'Workflow'.

     

    info 16:01:21.608 Initializing module 'ZoomControl'.

     

    warning 16:01:23.613 The mouse coordinates widget does not support maps that have a spatial reference system that is defined by a Well-Known Text (WKT). Widget hidden. If you wish to use the widget please use the Management Pack to define alternate coordinate systems.
    0
  • Permanently deleted user

    Hi Cody

    I've managed to get the Street view configured within my desktop.json.js

    Tell me, is it possible to configure it in the tablet and handheld as well? I'm not having much luck.

    Thanks,

    Geoff

     

    0
  • Permanently deleted user

    @Geoff 

    Street View is configurable for the tablet and updating the Tablet.json.js file in the same manner as the Desktop.json.js should be all that is required. Handheld is not supported.

    @John

    Is that log from after opening Street View? Or just after the application has started? It might be worthwhile going through the example in the Administrator and Developer Guide to add Bing Maps and see if that works, which will help pin down if it is just Street View having the issue.

    Thanks,

     

    Cody
    0
  • Permanently deleted user

    I have tested Google street view for HTML5 viewer. It works on Firefox and Google Crome but not on IE 11.0

    IE has a just grey blank view saying no data.

    Wayne

    0
  • Permanently deleted user

    My mistake and it actually works on IE11.0 as well. The grey area just mean no data.

    Wayne

    0
  • Permanently deleted user

    Hope I'm not too late to the party.  I got Streetview and Bing working with HTML5 viewer 2.4, but the "Open in new window" button is not working in the 3rd Party Map sub-viewers.  When I click on it, the Streetview or Bing map just dissappears, and doesn't open in a new window.  In order to get the 3rd party map back, I have to uncheck and recheck the map type in "Select Map" dropdown.

    Any thoughts on this?

    Thanks,

    ~Becky

    PS When I check the debug log right after trying to open streetview in another window, I get the following error message.  "Could not listen to remote component. No element to listen to found for selector 'null' and no context window provided."

    0
  • John Nerge

    Cody,

    The debug log looks the same before and after I load Street View.

    I added Bing Maps to my viewer, but it's not working correctly either. First, I had to allow unsafe content (which makes the page refresh) even though I change the http reference in the BingMaps.html to https. Then, once it loaded, Bing Maps opens at (0,0) instead of syncronizing with my map, and none of the button in the Bing Maps viewer work either. Again, the debug log is the same here too.

    I triple checked my site and viewer, and they're both using the same https geometry service from my own ArcGIS Server instead of Esri's.

    I also tried creating a new site and added a single ArcGIS Online service, and now the third party maps tool is just greyed out if I add Google or Bing maps. No errors in the debug log.

    0
  • Permanently deleted user

    @ Becky

    Which browser are you using?

    @ John

    Any chance you have a publicly accessible viewer that I can take a look at?

    Thanks,

     

    Cody

     

    0
  • John Nerge

    I think I figured out why it's breaking. When I built a new test site to start from scratch, the 3rd party maps worked. So I added a new viewer to my current site, and they worked there too. The only difference ended up being that I was accessing my main viewer using a custom URL. I create a custom URL so my users can remember it.

    Example: I set up a public site using Esri World Topography and my own https geometry service. When I access it using the default long URL, it works:

    However, when I create a custom URL on my web server, it stops working:

    The custom URL is just a Default.htm in my web directory that contains this iframe code:

    <html><head><title>Integration Test</title>

     

    </head>

     

    <body style="margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;width:100%;height:100%;overflow:hidden;">

     

    <iframe style="z-index:1;overflow:hidden;border:0px" src="https://cityview.brooklynpark.org/Html5Viewer/Index.html?configBase=https://cityview.brooklynpark.org/Geocortex/Essentials/GE1502/REST/sites/Test_Integration/viewers/Test_Integration/virtualdirectory/Resources/Config/Default" frameborder="0" scrolling="NO" width="100%" height="100%" marginwidth="0" marginheight="0" name="imf" NORESIZE></iframe>

     

    </body>

     

    </noframes>

     

    </html>

     

     

    In both cases, I still have to click load unsafe script, which refreshes the browser, in order to get the Bing Maps viewer to work.

    Another thing I noticed is that if you move the location of the 3rd Party Maps tool on your toolbar, then the externalcomponents section in the viewer's json file gets overwritten so you have to paste the code in again. Probably something good to fix in a future release?

    0
  • Permanently deleted user

    John,

    Good find. The reason it stops working when using the custom URL is because Google Street View / Bing Maps is incorrectly communicating with the Default.htm page instead of the Viewers html page. This has been fixed in our upcoming 2.4.1 maintenance release.

    As for the unsafe script with Bing Maps, it looks like the script url is missing the last bit, "&s=1", and should be 

    <script type="text/javascript" src="https://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&s=1 "></script>

    Google Maps should already be setup for secure sites though.

    With the configuration files being overwritten, the safest way to avoid this is to close the site in Manager before editing a configuration file for a viewer.

    Thanks,

     

    Cody
    0
  • John Nerge

    Thanks for your thoroughness, Cody. That extra little bit fixed the issue with Bing Maps, and I'll upgrade to 2.4.1 when it comes out for the other part.

    Thanks again,

    John

    0
  • Permanently deleted user

    I was able to configure the google street view using Cody's example here (https://support.geocortex.com/google-street-view-integration) .

    But I can't get the viewpoint indicator for google street view to show up on the map. The bing maps viewpoint indicator works.

    Thanks.

    0
  • Frank Martin

    Does anyone have an idea why Google Street View has such a wide angle view in the 3rd Party Maps when rotating the view perpendicular to the path of the street?  The street view in google maps doesn't display the same behavior.  I've attached an example.

    Thanks,

    Frank

    /customer/servlet/servlet.FileDownload?file=00P6000000eluKOEAY

    0
  • John Nerge

    Is it because the Street View image is stretching across the entire bottom half of the screen? Try opening Bing Maps next to it or pop it out to its own window and see if it looks normal.

    0
  • Permanently deleted user

    @ Frank

    This appears to be an issue with Firefox only, but can be fixed by setting the mode for Google Street View.

    Open GoogleMaps.html and find the panoramaOptions and update it to include the mode:

                var panoramaOptions = {

     

                    position: latitude,

     

                    mode: "html5",

     

                    zoom: 0

     

                };

    @ Soham

    Are you able to use the Center button for Google Street View to get the viewpoint indicator to show? Can you also undock it?

    Thanks,

     

    Cody
    0
  • Permanently deleted user

    Hi Cody,

    I am able to undock it and the center button is functioning, but still can't see the viewpoint indicator.

    Thanks.

     

    0
  • Permanently deleted user

    Soham,

    It might just be that another layer is covering the markers. Any chance you have a publicly accessible viewer that I can take a look at?

    Thanks,

     

    Cody
    0
  • Frank Martin

    Cody,

    That fixed it!  Thanks so much.

    Frank

    0

Please sign in to leave a comment.