Google Street View for HTML5 viewer?
Hi All,
I was wondering when the Google & Bing buttons will be available for HTML5 viewers?
I'm currently on HTML5 template 2.0 and Essentials 4.0.
Also, is there a way to manually set this up now?
Thank You,
Laura
-
Hi,
I am also Looking for the same. Will this be availble in 2.3.1 release?
Thanks,
0 -
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 -
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 -
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 -
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,
0 -
How does one control the extent of the Bing viewer it is displaying map on the wrong continent for us.
0 -
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 -
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,
0 -
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 -
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 -
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 -
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 -
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
0 -
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 -
@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,
0 -
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 -
My mistake and it actually works on IE11.0 as well. The grey area just mean no data.
Wayne
0 -
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 -
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 -
@ Becky
Which browser are you using?
@ John
Any chance you have a publicly accessible viewer that I can take a look at?
Thanks,
0 -
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>
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 -
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,
0 -
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 -
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 -
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 -
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 -
@ 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 = {
@ 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,
0 -
Hi Cody,
I am able to undock it and the center button is functioning, but still can't see the viewpoint indicator.
Thanks.
0 -
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,
0 -
Cody,
That fixed it! Thanks so much.
Frank
0
Please sign in to leave a comment.
Comments
57 comments