nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

API v2.6 breaks Bing maps backgrounds?

StephenLead

I have a page which works correctly using v2.5 of the API. If I replace the API version with "2.6" in the lines:

<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/claro/claro.css">
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.6"></script>

the map loads correctly, and my FeatureLayers and DynamicLayers are displayed - but the Bing maps backdrop is missing.

If I revert to 2.5 in these two lines, Bing maps appears.

Any clues?

Thanks,
Steve

Find more posts tagged with

Accepted answers

All comments

StephenLead

This seems to be fixed using v2.7

EdSaunders

Steve, yeah I'm currently holding the wrong end of the stick. I thought you meant you had downloaded a copy of the API.

StephenLead

Hi Ed,

I'm not sure if we're talking about the same thing here?

I mean that if my HTML page, JS scripts (etc) are stored on my laptop, Bing won't show when I open the map. If I copy the whole set of code (otherwise untouched) onto a web server, Bing suddenly shows.

This isn't reproducible with the simple samples, so there's evidently something more complicated going on.

Anyway, it's not a show-stopper for me. As a workaround I can test locally using v2.5, then make the change to 2.6 when uploading to the web server.

Cheers,
Steve

EdSaunders

Steve, just a comment on this. I'm using the following line and Bing Maps shows up fine:

<script type="text/javascript" src="js/arcgis.js"></script>

This is a downloaded version 2.6 of the ArcGIS API for JavaScript.

Ed

StephenLead

An update on this problem - it seems that Bing maps doesn't show when using v2.6 if the code is hosted locally, but does work if the same code is run from a web server.

It's a bit hard to isolate exactly what's happening since the simple samples do work locally.

I'll let you know if I can provide a simpler reproducible example.

Thanks,
Steve

khutchins

Jeff,

I don't think there is a list or service that defines the basemaps that will be included in the basemap gallery. However if you want control over the basemaps you might want to look at the basemapsGroup option that was added at 2.6 to the BasemapGallery. This option allows you to specify an ArcGIS.com group that contains the basemaps that will be used by the gallery. You could create an ArcGIS.com group and add the basemaps you want so you have complete control. For example, here we add all the maps in the 'Community Basemaps' group:

 var basemapGallery = new esri.dijit.BasemapGallery({
   showArcGISBasemaps: false,
   basemapsGroup:{owner:"esri",title:"Community Basemaps"},
   map: map
 }, dojo.create('div'));

JeffPace1

Ok i figured my issue out, but it is very app specific.

I use a onExtentChange event to hide items in the Gallery if they aren't available at a particular level (i.e. hide the "OpenStreetMap" option at level 19).

I hide them by doing

dojo.style(dojo.byId(id), "display", "none");

If i comment out the line in my extent change handler my app works again.

So it turns out, i was manually (hardcoding) look for some particular layers to hide. One of them was
"USA Topo Maps"

Apparently that is not in the 2.6 api for the Gallery, so when i went to hide it, I was trying to access it byId, I was accessing a null object.

Kelly, Is there a service or description somewhere we could query to figure out what services are included in the BasemapGalleryWidget by default?

StephenLead

Are you specifying a valid bing maps key for the BasemapGallery?

var basemapGallery = new esri.dijit.BasemapGallery({
  showArcGISBasemaps: true,
  bingMapsKey:'Enter Bing Maps Key Here',
  map: map
}, "basemapGallery");

Hi Kelly,

In my case I'm using the above syntax (not the basemap gallery widget) and Bing Maps is shown when the API is 2.5.

When I change the API to 2.6 (with no other changes) Bing Maps is not shown (regardless of the scale). Firebug doesn't show any calls (failed or otherwise) out to the Bing Maps service.

If I revert to 2.5, Bing Maps shows and Firebug reports a bunch of calls to http://t1.tiles.virtualearth.net/tiles/h311203.jpeg etc.

I'm testing on an internal build of http://atlas.nsw.gov.au/public/nsw/home/map/base.html - unfortunately I don't have an externally accessible URL for the dev build.

I'll keep playing around with it and will let you know of any progress.

Cheers,
Steve

JeffPace1

Ok i figured my issue out, but it is very app specific.

I use a onExtentChange event to hide items in the Gallery if they aren't available at a particular level (i.e. hide the "OpenStreetMap" option at level 19).

I hide them by doing

dojo.style(dojo.byId(id), "display", "none");

If i comment out the line in my extent change handler my app works again.

So it turns out, i was manually (hardcoding) look for some particular layers to hide. One of them was
"USA Topo Maps"

Apparently that is not in the 2.6 api for the Gallery, so when i went to hide it, I was trying to access it byId, I was accessing a null object.

JeffPace1

Jeff,

We'd really like to try and reproduce this issue but so far no luck. Just to clarify can you reproduce the problem with the sample or is it only your application? Since you are seeing errors in Firebug I assume you are seeing the issue in Firefox - which version?

If you can't reproduce with the sample do you have a url that shows the problem?

I am working on it. Your code works for me. It is only internal at the moment. Firefox 8.

khutchins

Jeff,

We'd really like to try and reproduce this issue but so far no luck. Just to clarify can you reproduce the problem with the sample or is it only your application? Since you are seeing errors in Firebug I assume you are seeing the issue in Firefox - which version?

If you can't reproduce with the sample do you have a url that shows the problem?

JeffPace1

Your sample works for me also

I get

exception in animation handler for: onEnd
?v=2.6 (line 14)
TypeError: n is null
(function(){var _1=null;if((_1||(typeo...etTimeout(dojo._loadInit,100);}})();

After any zoom event using BasemapGallery and 2.6 . Switching back to 2.5 and error goes away

Interesting:

Looking in firebug

IF i zoom from level 10 to level 15:

1. Operational layers tile requests (from the net tab in firebug) make requests from level 15
2. Tiled layers make new tile requests from level 10.

JeffPace1

Jeff,

I can't reproduce with this sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/demos/widget/widget_basemap.html

Can you repro with that sample? If so can you provide me with a series of steps that will show the problem. I tested switching basemaps and using the scroll wheel to zoom and everything looked ok to me.

Your sample works for me also

I get

exception in animation handler for: onEnd
?v=2.6 (line 14)
TypeError: n is null
(function(){var _1=null;if((_1||(typeo...etTimeout(dojo._loadInit,100);}})();

After any zoom event using BasemapGallery and 2.6 . Switching back to 2.5 and error goes away

khutchins

Jeff,

I can't reproduce with this sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/demos/widget/widget_basemap.html

Can you repro with that sample? If so can you provide me with a series of steps that will show the problem. I tested switching basemaps and using the scroll wheel to zoom and everything looked ok to me.

JeffPace1

Are you specifying a valid bing maps key for the BasemapGallery?

var basemapGallery = new esri.dijit.BasemapGallery({
  showArcGISBasemaps: true,
  bingMapsKey:'Enter Bing Maps Key Here',
  map: map
}, "basemapGallery");

Yes I am. To be more specific (or general)

1. Normal tiled services work fine
2. ANY basemap added via the basemap gallery (local, AGO, BING) all fail on mousewheel/zoom slider, its as if the "draw at new scale" is never received. Operational layers on top of basemap draw fine.
3. If you switch layers the basemap will draw at the appropriate scale, so its only zoom events that are failing.

khutchins

Are you specifying a valid bing maps key for the BasemapGallery?

var basemapGallery = new esri.dijit.BasemapGallery({
  showArcGISBasemaps: true,
  bingMapsKey:'Enter Bing Maps Key Here',
  map: map
}, "basemapGallery");

I appear to have the same problem. I'm using the BasemapGallery Dijit in my application.

JeffPace1

Can you post the code for your app? A simplified repro case would be preferred.

What kind of errors are you guys getting in firebug/fiddler? I am not seeing any

I use both the Basemap gallery Widget and the custom Basemap Control widget,

Bing maps display, but if i "clickwheel" or use the zoom slider to zoom, it looks like Basemaps never update.

The same layer chosen without the basemap gallery works fine.

The same layer chosen from BAsemap Control sample works fine.

Looks like a bug in the Basemap gallery that is not working with the new zoom style .

derekswingley1

I appear to have the same problem. I'm using the BasemapGallery Dijit in my application. All the services display except the Bing services.

Can you post the code for your app? A simplified repro case would be preferred.

JeffMitzelfelt

I appear to have the same problem. I'm using the BasemapGallery Dijit in my application. All the services display except the Bing services. (All the services appear in the dijit but when one of the Bing services is click the basemap is blank.) I checked and the BasemapGallery samples (Default and Dropdown button use Bing) are working correctly.

derekswingley1

When you updated the samples, did you simply find/replace 2.5 with 2.6 in the Bing sample?

Essentially, yes. The samples are updated with a batch find/replace process.

StephenLead

Our sample to add a bing layer works: http://help.arcgis.com/en/webapi/javascript/arcgis/demos/ve/ve_layer.html

Post more code to repro?

Yeah I saw that sample was working. My code is pretty convoluted so I'll do some internal debugging first.

When you updated the samples, did you simply find/replace 2.5 with 2.6 in the Bing sample?

Thanks,
Steve

derekswingley1

Our sample to add a bing layer works: http://help.arcgis.com/en/webapi/javascript/arcgis/demos/ve/ve_layer.html

Post more code to repro?

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.