topic Re: OverviewMap dijit in ArcGIS JavaScript Maps SDK Questions

OverviewMap dijit

JohnCartwright — Wed, 02 Jun 2010 19:47:30 GMT

Hello All,

The new OverviewMap dijit is very nice! A couple of questions about it's use:

1) how can one turn off the ESRI logo in the lower right? I've turned off the logo in the esri.Map instance which is used the OverviewMap constructor but the logo still shows in the overview map dijit (but not in the main map window).

2) I'm trying to use the OverviewMap w/in an AccordianPane and it doesn't seem to be respecting the width, height parameters that I'm passing in the constructor, e.g.

overviewMapDijit = new esri.dijit.OverviewMap({map: map, width:250, height:250}, dojo.byId('overviewMapDiv'));
overviewMapDijit.startup();

...
   <div id="panel2" dojoType="dijit.layout.AccordionPane" title="Overview Map">
      <div id="overviewMapDiv"></div>
   </div>

Can someone please help me here?

Thanks!

--john

Re: OverviewMap dijit

derekswingley1 — Sat, 11 Dec 2021 23:47:39 GMT

For #1:

 map = new esri.Map("map", {
   extent: initExtent,
  logo:false
 });

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/map.htm#MapConst

Re: OverviewMap dijit

KellyHutchins — Wed, 02 Jun 2010 20:44:12 GMT

What behavior are you seeing with the width and height. I created a quick test that uses the accordion container and the width/height of the overview map worked. I've attached a zip file containing my test page.

Re: OverviewMap dijit

JohnCartwright — Sat, 11 Dec 2021 23:47:41 GMT

Thanks Derek. That's what I had used to turn off the logo on the main map, but the logo is still appearing on the overview map.

--john

For #1:
 map = new esri.Map("map", {
   extent: initExtent,
  logo:false
 });
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/map.htm#MapConst

Re: OverviewMap dijit

JohnCartwright — Wed, 02 Jun 2010 21:35:21 GMT

What behavior are you seeing with the width and height. I created a quick test that uses the accordion container and the width/height of the overview map worked. I've attached a zip file containing my test page.

Thanks for your reply Kelly and for the example. My issue is that the overview map is larger than my accordionpane and seems to be ignoring the width and height parameters I'm providing. Notice in the attached screenshot the scrollbars required to show the entire contents of the accordionpane. Also, you'll see the logo on the overview map when is doesn't appear on the main map.

Looking over your example, I'm afraid I still don't see what I'm missing. Is there some crucial style required to make overviewmap behave?

--john

Re: OverviewMap dijit

KellyHutchins — Thu, 03 Jun 2010 14:35:58 GMT

John,

I forgot to mention in my post yesterday that I submitted a bug for the issue with the overview map logo. As far as the sizing issue, have you tried setting the width and height on the div itself?
<div id="ovMap" style="width:100%;height:100%;"></div>
If you are using Firefox, it might also be helpful to inspect the overview map using the 'Click an element in the page to inspect' tool. Then view the CSS for this element to see if any of the properties you've set are being overridden. I sometimes find it helpful to use the Layout tab (click the HTML tab first). This tab shows the width, height, border, padding and margin of the selected element. You can use the layout to modify the properties and immediately see the effect the new sizes have. Here's some info on using Layout:
http://getfirebug.com/layout

Kelly

Re: OverviewMap dijit

RichardDaniels — Sat, 22 Jan 2011 01:24:44 GMT

FYI - In the JavaScript API use

function init() {
        //set map extent
var startExtent = new esri.geometry.Extent({"xmin":582544,"ymin":81879,"xmax":2550244,"ymax":1355630,"spatialReference":{"wkid":2286}});

        //create map
        var map = new esri.Map("mapDiv",{logo:false});
        map.setExtent(startExtent);

...
}

Re: OverviewMap dijit

AdrianMarsden — Fri, 14 Sep 2012 13:36:34 GMT

Did the lack of respect for width/height in accordianpanels get sorted? As I recently raised the same/Similar issue

http://forums.arcgis.com/threads/65694-Overview-map-in-AccordianContainers?highlight=OverviewMap

Cheers

ACM