topic Re: Show popups without moving map in ArcGIS JavaScript Maps SDK Questions

Show popups without moving map

BenReilly — Thu, 21 Jul 2011 20:35:47 GMT

I have an issue with the way popups display in the javascript api. I can't get popups to show up for my feature layers unless the map is moved first. I need to make a map that has disabled scrolling, so how can I get popups to display without the map moving first?

Re: Show popups without moving map

derekswingley1 — Thu, 21 Jul 2011 22:46:19 GMT

What do you mean by scrolling?

Can you post some code that reproduces what you're seeing?

The popup sample shows a popup without panning or zooming the map- just click a feature and the popup appears.

Re: Show popups without moving map

BenReilly — Fri, 22 Jul 2011 13:24:08 GMT

I'm sorry, I misspoke- I meant ESRI InfoWindows, not Dojo popups. Would it be better to try and replace the infowindows with dojo popups, then?

Re: Show popups without moving map

derekswingley1 — Fri, 22 Jul 2011 14:06:50 GMT

I think we should clarify some terms...

When I said popup, I was referring to the popup widget that was introduced with version 2.3 of the API.

I'm not sure what you mean by dojo popup but let's ignore that for now.

If you define an infoTemplate when you create your feature layer, you should see an info window when you click your features. See the ON_DEMAND feature layer sample for an example.

Re: Show popups without moving map

BenReilly — Sat, 11 Dec 2021 22:26:31 GMT

Yes, by dojo popup I mean the widget, which runs off dojo. It's hard to keep terms straight when I have to keep switching APIs by project. Here's the code I have for just the map layers and the info windows. When it's done loading, clicking on the map shows nothing. As soon as it's moved just a pixel, the info windows show up.

<script type="text/javascript">

 dojo.require("esri.map");
 dojo.require("esri.layers.FeatureLayer");

  var map;
  var campus;
 
function init() {

 map = new esri.Map("mapDiv",{extent:startExtent });
 
 var spatialRef = new esri.SpatialReference({wkid:102100});
 var startExtent = new esri.geometry.Extent();
 startExtent.xmin = -9879338;
 startExtent.ymin = 5286787;
 startExtent.xmax = -9878257;
 startExtent.ymax = 5287623;
 startExtent.SpatialReference = spatialRef;

 map.setExtent(startExtent);
    var basemap = new esri.layers.ArcGISTiledMapServiceLayer("SERVICE NAME");
    map.addLayer(basemap);
 
 //Popup code for campus building layer
 
 var contenta = "<b>Building Type</b>: ${Type}" +
                      "<br /><b>Hours</b>: ${Hours}" +
       "<br /><input type='hidden' id='url' value=${FloorPlan}></input>" +           // KEEP THIS LINE ON- NEEDED FOR loadUrl FUNCTION
       "<br /><button onclick=revealModal('modalPage') value='test' />Floor Plan</button>";

        var bldginfo = new esri.InfoTemplate("${BldgName}", contenta);
 

 campus = new esri.layers.FeatureLayer("SERVICE NAME", {
        mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
        outFields: ["*"],
        infoTemplate: bldginfo
        });
 map.addLayer(campus);
 
 //Popup code for parking lot layer
 
 var contentb = "<b>Parking Lot</b>: ${LotNo} ${Commuter}" +
     "<br />This lot ${Meters} have parking meters.";

  var parkinfo = new esri.InfoTemplate("Parking Lot Information", contentb);
  
 
 parking = new esri.layers.FeatureLayer("SERVICE NAME", {
  mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
  outfields: ["*"],
  infoTemplate: parkinfo
  });
 map.addLayer(parking); 

      }

Re: Show popups without moving map

derekswingley1 — Sat, 11 Dec 2021 22:26:34 GMT

Can you follow the pattern in the Feature Layer On Demand sample where you load your feature layers after the map loads? Relevant code:

function init() {
  map = new esri.Map("map", { extent: esri.geometry.geographicToWebMercator(extent)});
  dojo.connect(map, "onLoad", initOperationalLayer);
}

function initOperationalLayer(map) {
  var content = "<b>Type</b>: ${ftype}" +
                     "<br /><b>Code</b>: ${fcode}";

  var infoTemplate = new esri.InfoTemplate("Rivers", content);

  var featureLayer = new esri.layers.FeatureLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Hydrography/Watershed173811/FeatureServer/1",{
          mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
          outFields: ["*"],
          infoTemplate: infoTemplate
  });
  map.addLayer(featureLayer);
}

Also, it looks like the map.setExtent function call in your init function is unnecessary.

Re: Show popups without moving map

BrettLord-Castillo — Tue, 26 Jul 2011 13:23:04 GMT

The only thing moving the map does really is call map.onUpdateStart() and map.onUpdateEnd() (it does other things too, but I think that is the main thing).
This, in turn, calls .refresh() on each layer.

I think what Derek recommended will fix your problems. If it does not, consider adding a single call to .refresh() on each layer after the layer is added to the map.

Re: Show popups without moving map

BenReilly — Wed, 03 Aug 2011 13:27:57 GMT

I didn't have any luck with the code you posted. I'm not sure what's going on, since all of ESRI's sample maps work fine with the infowindows. I was able to get the tooltip function to work, though, which works for what I need it to do without moving the map. Thank you for the replies.

Re: Show popups without moving map

DavidMurray — Thu, 04 Aug 2011 12:20:14 GMT

Hi breilly47,

I share your frustration as I'm also experiencing a similar issue with an 'onclick' event not working correctly until the map has been moved. Did you get anywhere with solving the problem? If I come up with a solution I'll post it here.

Kind regards
David

Re: Show popups without moving map

StephenLead — Thu, 04 Aug 2011 22:19:17 GMT

I'm also experiencing a similar issue with an 'onclick' event not working correctly until the map has been moved

Just to add that I've seen something like this too.

In my case I'm running an IdentifyTask when the user clicks on the map. It works most of the time, but occasionally the click doesn't cause the task to run.

I'll let you know if I can find the steps to reproduce it reliably.

Re: Show popups without moving map

derekswingley1 — Fri, 05 Aug 2011 00:32:08 GMT

A repro case would be very helpful.

Re: Show popups without moving map

BenReilly — Tue, 09 Aug 2011 16:38:20 GMT

Derek, here's a copy of the map I'm working on that has the problem.

http://arcviewdev.uww.edu/javamap.html

(And before anyone says anything, yes, I'm aware of the errors with my data. They've been fixed on a more recent version)

Hopefully that will help.

Re: Show popups without moving map

JeffPace — Tue, 09 Aug 2011 17:29:36 GMT

Derek, here's a copy of the map I'm working on that has the problem.

http://arcviewdev.uww.edu/javamap.html

(And before anyone says anything, yes, I'm aware of the errors with my data. They've been fixed on a more recent version)

Hopefully that will help.

I opened the map in chrome. Clicking on the poly's pops open the popup, no map moving ever. ??

Re: Show popups without moving map

BenReilly — Tue, 09 Aug 2011 17:39:52 GMT

I opened the map in chrome. Clicking on the poly's pops open the popup, no map moving ever. ??

I'm wondering if this is a browser compatibility issue, then. I'm using Firefox 3.6.13 at work, I'll try the current version of Firefox 4 tomorrow. To everyone else with a problem, what browser are you using? I don't think the popups worked with our version of IE, either.

Re: Show popups without moving map

KenBuja — Tue, 09 Aug 2011 17:47:39 GMT

It works in Chrome 13 and IE 8 but not in Firefox 5. Basically, you need to interact with the map first by zooming or panning before the onclick returns something. I had this problem in Flex and got around it by adding in an alert box in the initialization. Closing the alert box provided the map interaction necessary to allow the map click to work without panning or zooming.

Re: Show popups without moving map

JeffPace — Tue, 09 Aug 2011 18:27:04 GMT

It works in Chrome 13 and IE 8 but not in Firefox 5. Basically, you need to interact with the map first by zooming or panning before the onclick returns something. I had this problem in Flex and got around it by adding in an alert box in the initialization. Closing the alert box provided the map interaction necessary to allow the map click to work without panning or zooming.

I think this is an error in the api . If you switch to v2.4 it works crossbrowser

Re: Show popups without moving map

StephenLead — Tue, 09 Aug 2011 22:36:24 GMT

To everyone else with a problem, what browser are you using?

It's not working for me in IE8, Chrome 13 or Firefox 5 - I need to move the map first before the popup works.

Hope this helps,
Steve

Re: Show popups without moving map

BenReilly — Wed, 10 Aug 2011 14:50:11 GMT

I think this is an error in the api . If you switch to v2.4 it works crossbrowser

You're right- I switched to 2.4 from 2.3 and I now don't have to move the map. Thanks for the tip- hopefully that works for the rest of you.

Re: Show popups without moving map

JeffPace — Wed, 10 Aug 2011 17:05:32 GMT

Any time. We skipped 2.3 completely, it seem a little buggy. 2.4 has been rock solid for us since it came out.

Re: Show popups without moving map

DavidMurray — Mon, 17 Oct 2011 10:58:39 GMT

I am using v2.4 but still have the same problem when using all browsers.