Can the Parks Finder 10.1 app show tooltips over the parks?

Question

Is there any way to modify the Parks Finder app so that when you hover over the park a tooltip appears with the name of the park? The 10.1 app uses a mapservice so I modified the config and JS files to include a FeatureService of the Parks data, thinking I could just overlay the featureservice on the mapservice. The app didn't like this and only the featureservice was loading.

I'm assuming adding the tooltips will be an easier customization in the upcoming 10.2 release of the app, since it will consume a FeatureService out of the box.

In any event, this is a feature that our parks department wants in place before we go live with the app, so I am trying to find a good solution.

RickeyFight · Answer

They way i got this to work was by adding the above code and :

dojo.require("dijit.TooltipDialog");

In the homepage.js on line 30.

The css then needs to change because the text is white.

The easiest way is to set a background color

.dijitTooltipContainer {

background-color: #2F4A24 !important;

}

BrianLord1 · Answer

Not sure if it matters, but in my code I create the layer and then below that I have the code for the dojo.connect and then below that i have the line to add the layer to the map. map.addLayer(devPlanLayer);

Have you tried setting a break point inside the dojo.connect function and then stepping through the function to see where it errors out?  In addition, if the breakpoint never gets called you know there is something wrong with either the code used to create the layer or the dojo.connect code.  For instance, maybe there is another graphics layer on top of the parks graphics layer in which case the app would not recognize when your mouse it over the parks graphic.

Another thing to just double check is the actual name of the attribute field you wish to use in the tooltip.  The code I provided uses a field called "NAME".  Does your parks layer use the same field or is it something different?

CraigMcDade · Answer

Mark,

I really appreciate your help. Here is what I've done:

In the config.txt file://URL used for doing query task on the features.
 'DevPlanLayer' : "https://myserver/arcgis/rest/services/myfolder/Parks/MapServer/0",

In the default.htm file within the MapInitFunction(map):      dojo.connect(devPlanLayer, "onMouseMove", function (evt) {
                    if (evt.graphic) {
                        if (evt.graphic.attributes) {
                            ShowMapTip(evt, evt.graphic.attributes.NAME);
                        }
                    }
                });
                dojo.connect(devPlanLayer, "onMouseOut", CloseMapTip);

var devPlanLayer = new esri.layers.FeatureLayer(devPlanLayerURL, {
                mode: esri.layers.FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"],
                id: devPlanLayerID,
                displayOnPan: false
            });

I suspect the above is where I'm having issues, either putting it in the wrong spot or it is conflicting with the config file.

As you mentioned the code to create and close the maptips already exists. Not sure what is going on but I'm not getting any tooltips. Am I putting the code in the wrong spot?