topic Re: FeatureLayer - compact build - tap events in ArcGIS JavaScript Maps SDK Questions

FeatureLayer - compact build - tap events

GadyPitaru — Tue, 18 Oct 2011 21:58:59 GMT

I am developing an app with the JavaScript API on a mobile website. I'm using the compact build of version 2.5, and I'm having trouble with click/tap events registering on a FeatureLayer to display the InfoWindow with attributes of the clicked graphic. It works fine in the browser, just not when using a mobile device. Any help is much appreciated, here is my code for adding the FeatureLayer to the map:

            var template = new esri.InfoTemplate("<b>${DESCRIPTION}</b>", getTextContent);

            var featureLayer = new esri.layers.FeatureLayer("http://m.skyharbor.com/mapservice/0", {
                mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
                infoTemplate: template,
                outFields: ["DESCRIPTION","Type"],
                opacity: 0
            });
            map.addLayer(featureLayer);

Re: FeatureLayer - compact build - tap events

derekswingley1 — Wed, 19 Oct 2011 03:38:46 GMT

What mobile device are you using?

Re: FeatureLayer - compact build - tap events

GadyPitaru — Wed, 19 Oct 2011 22:06:34 GMT

Primarily testing on Android.

Re: FeatureLayer - compact build - tap events

derekswingley1 — Wed, 19 Oct 2011 22:12:55 GMT

No personal experience with Android, but have heard plenty of mixed/negative things about its browser. Are you sure the version you're using supports touch events?

Re: FeatureLayer - compact build - tap events

KellyHutchins — Wed, 19 Oct 2011 22:43:58 GMT

Sounds like you are running into this issue - if so try increasing the tolerance.
http://forums.arcgis.com/threads/30061-Android-Click-on-Graphic-Problem?p=100747#post100747

Re: FeatureLayer - compact build - tap events

derekswingley1 — Wed, 19 Oct 2011 23:21:13 GMT

Thanks, Kelly!

Re: FeatureLayer - compact build - tap events

GadyPitaru — Fri, 21 Oct 2011 14:06:46 GMT

Kelly, that is what I was looking for. Thanks!

Re: FeatureLayer - compact build - tap events

GadyPitaru — Sat, 11 Dec 2021 11:02:14 GMT

Actually this isn't working for me. I placed the line of code in the body onload handler and in the map onload handler, and it appeared that the tolerance didn't change, even when clicking a graphic in the browser. Below is some code, maybe I'm missing something?

<head>
    <script type="text/javascript">
    djConfig = {
        parseOnLoad: true,
        baseUrl: "./",
        modulePaths: {
            "mapscript": "./mapscript"
        }
    };
    </script>
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.5compact">
    </script>
    <style type="text/css">
      html, body
      {
        height: 100%;
        margin: 0px;
        padding: 0px;
        width: 100%;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="mapscript/infoWindow.css" />
<script type="text/javascript">
        dojo.require("esri.layers.FeatureLayer");
        dojo.require("esri.dijit.InfoWindow");
        dojo.require("mapscript.InfoWindow");

function init() {

    var infoWindow = new mapscript.InfoWindow({
        domNode: dojo.create("div", null, dojo.byId("map"))
    });

    //create map and add layer
    map = new esri.Map("map", {
        logo: false,
        infoWindow: infoWindow
    });

    var template = new esri.InfoTemplate("<b>${DESCRIPTION}</b>", "${Type}");

    var featureLayer = new esri.layers.FeatureLayer("http://server/ArcGIS/rest/MyMapService/MapServer/0", {
        mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
        infoTemplate: template,
        outFields: ["DESCRIPTION","Type"],
        opacity: 0
    });
    featureLayer.setDefinitionExpression("Type IN('Food','Shop','ATM') OR Type LIKE '%Restroom%'");

    map.infoWindow.resize(180, 75);

    var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server/ArcGIS/rest/MyMapService/MapServer");
    map.addLayer(tiledMapServiceLayer);
    map.addLayer(featureLayer);
    //esri.layers._GraphicsContainer.prototype._tolerance = 40; 

    dojo.connect(map, "onLoad", function (evt) {
        //hide zoom slider
        map.hideZoomSlider();
        esri.layers._GraphicsContainer.prototype._tolerance = 40;
    });
}

dojo.addOnLoad(init);
</script>
</head>
<body>
    <div id="map" style="width:100%; height:100%;"></div>
<body>

Re: FeatureLayer - compact build - tap events

samuelxu — Sat, 29 Oct 2011 17:45:00 GMT

I have the same issue here. Kelly (ESRI), do you have any idea on this?

Thanks

Re: FeatureLayer - compact build - tap events

KellyHutchins — Sat, 29 Oct 2011 21:23:56 GMT

The default tolerance used to be 5 which was did cause difficulties when clicking on Android but now its 15 which in my testing seems to be fine.
I created a quick page and was able to successfully display info windows on an older Android phone ( Motorola Droid with Android 2.2.2).

http://servicesbeta.esri.com/mobile/androidtest.html

Re: FeatureLayer - compact build - tap events

samuelxu — Tue, 01 Nov 2011 00:48:26 GMT

Kelly,
    Your page does work much better on Android.
    But I think for yours, the click event is bind to the graphic layer.
    In my case, I bind the click event to map as I want to displaly mutiple feature identify results in mobile popup, and also for performance issue, I don't want to bring back all the attributes in the feature layers. So in my code, it uses
   dojo.connect(map,"onClick",executeIdentifyTask);

    My application is just like ESRI Sample http://help.arcgis.com/en/webapi/javascript/arcgis/demos/mobile/mobile_arcgis.html   But this sample not works well on Android when clicking on the map.

    I am using ESRI JS API with JQuerymobile. Is there anyway to use jQueryMobile's vClick or Tab events for this. I tried some thing like below, but they don't work as expected.
     dojo.connect(map,"vClick",executeIdentifyTask);
     or
       dojo.connect(map,"tap",executeIdentifyTask);


   Thanks!

Re: FeatureLayer - compact build - tap events

KellyHutchins — Sat, 11 Dec 2021 11:02:16 GMT

I just ran a quick test on the Android using this developer sample and it worked ok for me:
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/find_popup.html

One thing you might try is to increase the IdentifyParameters tolerance. The tolerance defines the distances from the input geometry (mouse click) that should be used to perform the identify.

   identifyParams = new esri.tasks.IdentifyParameters();
   identifyParams.tolerance = 3;
   identifyParams.returnGeometry = true;

Re: FeatureLayer - compact build - tap events

GadyPitaru — Wed, 02 Nov 2011 16:31:49 GMT

So I tested this further, and it turns out that setting the opacity value to 0 on the FeatureLayer was the culprit, although the issue only occurrs on Android and not iPhone.