Opening StreetViewPanorama from InfoWindow not working in IE8

246 views
Skip to first unread message

bardu

unread,
Dec 8, 2010, 12:20:19 PM12/8/10
to google-map...@googlegroups.com
Hi there,

opening a StreetViewPanorama from an InfoWindow works in all major browsers (even on Android), but not in IE8.

An example can be fond at

http://yukonlive.ca/yukonlive-war/highways/fishing.faces

Is this a known issue? Are there any work-a-rounds?

Thanks.
Stephan

geoco...@gmail.com

unread,
Dec 8, 2010, 12:45:44 PM12/8/10
to Google Maps JavaScript API v3
On Dec 8, 9:20 am, bardu <bard...@gmail.com> wrote:
> Hi there,
>
> opening a StreetViewPanorama from an InfoWindow works in all major
> browsers (even on Android), but not in IE8.

Doesn't work in IE6 either. Are you doing something that doesn't
account for IE's non-standard behaviors?

>
> An example can be fond at
>
> http://yukonlive.ca/yukonlive-war/highways/fishing.faces
>
> Is this a known issue? Are there any work-a-rounds?

I was going to suggest this:
http://groups.google.com/group/google-maps-js-api-v3/search?group=google-maps-js-api-v3&q=emulate+IE7

but it looks like it doesn't work in any version of IE.

Did you "forget" to declare the gmap javascript variable? That is the
id of a div in your map so IE helpfully creates a javascript variable
to allow you to access it, which may not have a .getMap method.

-- Larry

>
> Thanks.
> Stephan

Stephan Bardubitzki

unread,
Dec 8, 2010, 1:33:47 PM12/8/10
to google-map...@googlegroups.com
Many thanks for your response.

No, I don't have any special treatment for IE yet.

Opening the StreetViewPanorama from a marker works even in IE as you can see here:


so I think the problem is somehow with the InfoWindow. The Javascript callback fro the click event for the link in the InfoWIndow looks like this:

 /* Open streetview in map */
function openStreetview(xhr, status, args) {
    var start = new google.maps.LatLng(args.latitude, args.longitude);
    var client = new google.maps.StreetViewService();
    client.getPanoramaByLocation(start, 50, function( result, status) {
        if ( status == google.maps.StreetViewStatus.OK) {
            var map = gmap.getMap();
            var panorama = map.getStreetView();
            panorama.set('addressControl', false);
            panorama.setPosition(start);
            panorama.setPov({
                heading: args.heading,
                pitch: args.pitch,
                zoom: args.zoom
            });
            panorama.setVisible(true);
        }
        else {
            alert("There is not street view available for this location!");
        }

    });
    
}


>
> Thanks.
> Stephan

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
To post to this group, send email to google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.


geoco...@gmail.com

unread,
Dec 8, 2010, 1:44:24 PM12/8/10
to Google Maps JavaScript API v3
On Dec 8, 10:33 am, Stephan Bardubitzki <bard...@gmail.com> wrote:
> Many thanks for your response.
>
> No, I don't have any special treatment for IE yet.
>
> Opening the StreetViewPanorama from a marker works even in IE as you can see
> here:
>
>  http://yukonlive.ca/yukonlive-war/yukonlive/home.faces
>
> so I think the problem is somehow with the InfoWindow. The Javascript
> callback fro the click event for the link in the InfoWIndow looks like this:
>
>  /* Open streetview in map */
> function openStreetview(xhr, status, args) {
>     var start = new google.maps.LatLng(args.latitude, args.longitude);
>     var client = new google.maps.StreetViewService();
>     client.getPanoramaByLocation(start, 50, function( result, status) {
>         if ( status == google.maps.StreetViewStatus.OK) {
>             var map = gmap.getMap();

I get an error on this line in IE6:
var c=gmap.getMap().getStreetView();

Which looks different than what you have above.

When the map opens I get an error on this line (which is why I made
the statement I did about gmap...):
gmap = new PrimeFaces.widget.GMap('gmap',
{mapTypeId:google.maps.MapTypeId.HYBRID,center:new
google.maps.LatLng(65.00,-135.00),zoom:4,url:'/yukonlive-war/highways/
fishing.faces',formId:'j_idt11',hasStateChangeListener: true,markers:
[new google.maps.Marker({position:new google.maps.LatLng(60.9211,
-137.8808),id:'marker214913a6-c23c-4e55-9b83-
f85f5e8222cf',title:'Jarvis River',icon:'../resources/images/mapicons/
fishing.png',shadow:'../resources/images/mapicons/shadow.png',flat:
true}),new google.maps.Marker({position:new
google.maps.LatLng(60.9445,
-137.9661),id:'marker25fa8232-5a1d-4893-83a8-
d334b85fcd10',title:'Sulpher Lake',icon:'../resources/images/mapicons/
fishing.png',shadow:'../resources/images/mapicons/shadow.png',flat:
true}),new google.maps.Marker({position:new google.maps.LatLng(61.054,
-138.449),id:'marker61db2491-4333-4bd8-b78d-
ad45bc4f2f31',title:'Kluane Lake',icon:'../resources/images/mapicons/
fishing.png',shadow:'../resources/images/mapicons/shadow.png',flat:
true}),new google.maps.Marker({position:new
google.maps.LatLng(61.9872, -140.5558),id:'markerb859b86b-
c6e5-4ca2-9471-804177f2ba25',title:'Koidern River',icon:'../resources/
images/mapicons/fishing.png',shadow:'../resources/images/mapicons/
shadow.png',flat: true}),new google.maps.Marker({position:new
google.maps.LatLng(60.5922, -137.2312),id:'marker44ad48ef-
b7a7-4760-852c-232c4b8677c2',title:'Kathleen River',icon:'../resources/
images/mapicons/fishing.png',shadow:'../resources/images/mapicons/
shadow.png',flat: true}),new google.maps.Marker({position:new
google.maps.LatLng(60.5758, -137.2217),id:'markerdf57a242-
bafd-4c5c-8673-5dd7cdf26613',title:'Kathleen Lake',icon:'../resources/
images/mapicons/fishing.png',shadow:'../resources/images/mapicons/
shadow.png',flat: true}),new google.maps.Marker({position:new
google.maps.LatLng(60.3813, -137.044),id:'marker9d712b44-81e5-40f1-
a7d8-2aaabce38748',title:'Dezadeash Lake',icon:'../resources/images/
mapicons/fishing.png',shadow:'../resources/images/mapicons/
shadow.png',flat: true}),new google.maps.Marker({position:new
google.maps.LatLng(60.3059, -137.0383),id:'markere9c44ce2-9b43-4f36-
a681-50b4a94577d6',title:'Klukshu Creek',icon:'../resources/images/
mapicons/fishing.png',shadow:'../resources/images/mapicons/
shadow.png',flat: true}),new google.maps.Marker({position:new
google.maps.LatLng(60.2981, -137.002),id:'markera05d8131-e188-41f8-
b1d7-6483266d1685',title:'Klukshu Lake',icon:'../resources/images/
mapicons/fishing.png',shadow:'../resources/images/mapicons/
shadow.png',flat: true}),new google.maps.Marker({position:new
google.maps.LatLng(60.1688,
-136.9947),id:'markere21a5668-3d22-4f5c-8937-5c676cddb73a',title:'Stella
Lake',icon:'../resources/images/mapicons/fishing.png',shadow:'../
resources/images/mapicons/shadow.png',flat: true}),new
google.maps.Marker({position:new google.maps.LatLng(60.8174,
-137.4469),id:'marker094e5ac6-50a0-4b83-8454-12b868ea9c32',title:'Pine
Lake',icon:'../resources/images/mapicons/fishing.png',shadow:'../
resources/images/mapicons/shadow.png',flat: true}),new
google.maps.Marker({position:new google.maps.LatLng(60.9573,
-137.8609),id:'marker7a054bc0-78c8-4b7e-bdb7-2b071a1c35cb',title:'Kloo
Lake',icon:'../resources/images/mapicons/fishing.png',shadow:'../
resources/images/mapicons/shadow.png',flat:
true})],hasOverlaySelectListener:true,infoWindow: new
google.maps.InfoWindow({id:'infoWindow'}),mapTypeControl:false});

where is the declaration of gmap (the var gmap = ...)

-- Larry


>             var panorama = map.getStreetView();
>             panorama.set('addressControl', false);
>             panorama.setPosition(start);
>             panorama.setPov({
>                 heading: args.heading,
>                 pitch: args.pitch,
>                 zoom: args.zoom
>             });
>             panorama.setVisible(true);
>         }
>         else {
>             alert("There is not street view available for this location!");
>         }
>
>     });
>
> }
>
> On Wed, Dec 8, 2010 at 9:45 AM, geocode...@gmail.com
> <geocode...@gmail.com>wrote:
>
>
>
> > On Dec 8, 9:20 am, bardu <bard...@gmail.com> wrote:
> > > Hi there,
>
> > > opening a StreetViewPanorama from an InfoWindow works in all major
> > > browsers (even on Android), but not in IE8.
>
> > Doesn't work in IE6 either.  Are you doing something that doesn't
> > account for IE's non-standard behaviors?
>
> > > An example can be fond at
>
> > >http://yukonlive.ca/yukonlive-war/highways/fishing.faces
>
> > > Is this a known issue? Are there any work-a-rounds?
>
> > I was going to suggest this:
>
> >http://groups.google.com/group/google-maps-js-api-v3/search?group=goo...
>
> > but it looks like it doesn't work in any version of IE.
>
> > Did you "forget" to declare the gmap javascript variable?  That is the
> > id of a div in your map so IE helpfully creates a javascript variable
> > to allow you to access it, which may not have a .getMap method.
>
> >  -- Larry
>
> > > Thanks.
> > > Stephan
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Google Maps JavaScript API v3" group.
> > To post to this group, send email to
> > google-map...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-maps-js-a...@googlegroups.com<google-maps-js-api-v3%2B­unsub...@googlegroups.com>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/google-maps-js-api-v3?hl=en.- Hide quoted text -
>
> - Show quoted text -

Stephan Bardubitzki

unread,
Dec 8, 2010, 2:07:25 PM12/8/10
to google-map...@googlegroups.com
Thanks Larry.

I have to explain a couple of things. I'm developing on Linux and have little experience with MS Windows and IE, second I'm developing web apps with Java EE 6 technology, in this particular case with the JavaFaces framework PrimeFaces. PrimeFaces has a widget GMap which I'm using here. To access native google maps api with javascript PrimeFaces provides the getMap() method which returns a google.maps.Map instance.

gmap is the id of the PrimeFaces GMap widget component which renders to <div id="gmap" ... >

As I said before works on all browsers, I don't understand why this is not working with IE.

Stephan

To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.

geoco...@gmail.com

unread,
Dec 8, 2010, 2:26:17 PM12/8/10
to Google Maps JavaScript API v3
On Dec 8, 11:07 am, Stephan Bardubitzki <bard...@gmail.com> wrote:
> Thanks Larry.
>
> I have to explain a couple of things. I'm developing on Linux and have
> little experience with MS Windows and IE, second I'm developing web apps
> with Java EE 6 technology, in this particular case with the JavaFaces
> framework PrimeFaces. PrimeFaces has a widget GMap which I'm using here. To
> access native google maps api with javascript PrimeFaces provides the
> getMap() method which returns a google.maps.Map instance.

Well...
None of that matters to the API. Perhaps there is a bug with IE in
one of the frameworks you are using.

Have you brought this up in the PrimeFaces group? Do others have this
problem with their GMap widget?

-- Larry

>
> gmap is the id of the PrimeFaces GMap widget component which renders to <div
> id="gmap" ... >
>
> As I said before works on all browsers, I don't understand why this is not
> working with IE.
>
> Stephan
>
> On Wed, Dec 8, 2010 at 10:44 AM, geocode...@gmail.com

Stephan Bardubitzki

unread,
Dec 8, 2010, 2:41:12 PM12/8/10
to google-map...@googlegroups.com
Over at PrimesFaces forum no one seems to have even tried using StreetViewPanorama, which doesn't matter as the GMap widget has no high priority at the moment. So, I guess I have to revert to native API.

Just one more question:

 Is following link working in IE6?


here I'm using the native API.

Thanks again for your time and help.

Stephan


To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.

geoco...@gmail.com

unread,
Dec 8, 2010, 4:58:22 PM12/8/10
to Google Maps JavaScript API v3
On Dec 8, 11:41 am, Stephan Bardubitzki <bard...@gmail.com> wrote:
> Over at PrimesFaces forum no one seems to have even tried using
> StreetViewPanorama, which doesn't matter as the GMap widget has no high
> priority at the moment. So, I guess I have to revert to native API.
>
> Just one more question:
>
>  Is following link working in IE6?
>
> http://yukonlive.ca/yukonlive-war/yukonlive/home.faces

It works fine (as far as I can tell). I click on a marker, the map is
replaced by streetview, closing the streetview (by clicking on the "x"
in the upper right corner), gives me back the map.

-- Larry

>
> here I'm using the native API.
>
> Thanks again for your time and help.
>
> Stephan
>
> On Wed, Dec 8, 2010 at 11:26 AM, geocode...@gmail.com
> ...
>
> read more »- Hide quoted text -

Stephan Bardubitzki

unread,
Dec 8, 2010, 5:44:28 PM12/8/10
to google-map...@googlegroups.com
Thanks for testing.

Back to my original issue:

I just got curious and downloaded on my sons laptop IE9 beta and there the StreetViewPanorama opens from the InfoWindow like in all other browsers.

Stephan

To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages