Enable selection and Get selected marker value from dvt:thematicMap in ADF Faces

Hello All

Previously I have posted about using dvt:thematicMap to mark locations using latitude and longitude, In that post I have described about showing different cities as markers on a world map using a POJO based data structure

Now In this post I am going to describe that how can we enable selection in thematic map and get selected location value in managed bean so here in this post I am extending that previous application


dvt:thematicMap looks like this after pointing cities markers

Now to enable selection set selection mode to single for dvt:pointDataLayer and create a selection listener method in managed bean




Now bind dvt:pointDataLayer to bean (Create component binding in Managed Bean)

    private UIPointDataLayer dataLayerBind;

    public void setDataLayerBind(UIPointDataLayer dataLayerBind) {
        this.dataLayerBind = dataLayerBind;
    }

    public UIPointDataLayer getDataLayerBind() {
        return dataLayerBind;
    }

See the generated XML of dvt:thematicMap

<dvt:thematicMap basemap="world" id="tm1" summary="World Map" styleClass="AFStretchWidth"
                                     partialTriggers="::b1" inlineStyle="background-color:#e9ffdc;">
                        <dvt:areaLayer layer="continents" id="al2">
                            <dvt:pointDataLayer id="dl1" value="#{viewScope.MapBean.mapDetail}" var="row"
                                                selectionMode="single"
                                                selectionListener="#{viewScope.MapBean.mapSelectionListener}"
                                                binding="#{viewScope.MapBean.dataLayerBind}">
                                <dvt:pointLocation id="pl1" type="pointXY" pointY="#{row.lattitude}"
                                                   pointX="#{row.longitude}">
                                    <dvt:marker id="m1" shortDesc="#{row.textDisp}" fillColor="#ff0000"
                                                borderWidth="1.0" scaleX="2.0" scaleY="2.0" labelDisplay="on"
                                                labelPosition="bottom" shape="triangleDown" value="#{row.location}"
                                                labelStyle="color:maroon;font-size:10px;"/>
                                </dvt:pointLocation>
                            </dvt:pointDataLayer>
                        </dvt:areaLayer>
                    </dvt:thematicMap>

SelectionListener code to get selected location value

import org.apache.myfaces.trinidad.event.SelectionEvent;
import org.apache.myfaces.trinidad.model.RowKeySet;
import java.util.Iterator;

    /**Method to get selected marker value in Managed Bean
     * @param selectionEvent
     */
    public void mapSelectionListener(SelectionEvent selectionEvent) {
        //getDataLayerBind is binding of dvt:pointDataLayer on page.
        RowKeySet selectedMarker = getDataLayerBind().getSelectedRowKeys();
        //Create iterator from RowKeySet
        Iterator iter = selectedMarker.iterator();

        while (iter.hasNext()) {
            String i = iter.next().toString();
            //LocationDetail is the list used to populate table and name is a column of table
            //So here filter list using index and get values then
            LocationDetail mapRow = mapDetail.get(Integer.parseInt(i));
            FacesMessage msg = new FacesMessage("Selected Marker is: " + mapRow.getLocation());
            FacesContext.getCurrentInstance().addMessage(null, msg);
        }
    }

All Done :) Run and check application