Layers don't appear in Opera Browser.

[GarethMann]

I am having a problem seeing my layers in some browsers. Here is my page:

http://www.northmiamifl.gov/departments/cp&d/PropertySearch/Default.html

The layers appear in Internet Explorer 9, Google Chrome, and Mozilla FF.

But in the Opera browser, the layers in my ArcGIS Service do not appear in the map (only the aerial image service from ESRI appears).

Why is this?

[derekswingley1]

We don't support Opera so we don't test in Opera. It might be possible to make it work but I don't have Opera installed.

[GarethMann]

OK, well it is not simply Opera that is the problem. There is also the exact same problem with the exact same page with Google Chrome when run on another domain.

As previously stated, the original link works on IE 9, Chrome and FF but not Opera.

But here is the exact same page, an identical copy, on a different domain:

http://greennorthmiami.com.mytempweb.com/departments/cpd/default2.html

This one works in IE 9 and FF, but not in Chrome or Opera. It is the exact same problem where the layers are not showing up on the map.

Any ideas?

[derekswingley1]

Can you post screen shots of what you're seeing in the various browsers? Ideally, one screen shot showing what's expected (sounds like FF and IE are the dependable ones in this case) and one showing the problem (Chrome).

[GarethMann]

Thanks for taking a look at this swingly:

Here is a screen shot from IE 9:

http://greennorthmiami.com.mytempweb.com/images/zoningworking.jpg

Here is the same screen in Chrome:

http://greennorthmiami.com.mytempweb.com/images/zoninglayermissing.jpg

Note that in Chrome, the semi-transparent zoning layer on top of the aerial image is not appearing (even though it does show up in the legend). There are also these strange white lines which give the aerial layer a tiled look.

[ReneRubalcava]

I just tried your site in IE8, Chrome 20, Opera 12 and they all look the same as your expected result.
However, they all threw the same error

Uncaught TypeError: Cannot call method 'then' of undefined serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dojo/DeferredList.xd.js:8

- This is tied to the Legend as far as I can tell.

Opera has a really cool debug feature that separate inline JS into it's own screens to view.
It looks like you may have to add an eventListener to the map for the "onLayersAdd" event, and use map.addLayers([lyr1, lyr2]).
Right now you're doing
map.addLayers([lyr1])
map.addLayers([lyr2])

The creating the legend and running legend.startup(), so it could be the case that the map layers are not fully loaded. The timing of this load can vary, which might explain the inconsistencies you are seeing.

As for the tiled look, do you happen to be working behind a proxy? I've seen this happen before, but not consistently and the only thing I could think of was that it may have had to do with working behind a proxy firewall.

[GarethMann]

Hi Odoe,

Thanks for your help. I have modified my code exactly as you suggested. However it has not fixed my problem.

In factI have just tried it on a collegue's computer in Chrome and it works there. So it has to be something to do with my computer in particular. The firewall settings hould be the same on both mine and his.

Bizarre!