Layers don't appear in Opera Browser.

Question

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?

GarethMann · Answer

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!

RRubalcava · Answer

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 errorUncaught 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 · Answer

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.

zoningLayerMissing.jpg

zoningWorking.jpg