Jump to content
We've recently updated our Privacy Statement, available here ×
  • How to Add Marker Tooltips and Hyperlinks to Google Map Component


    Tom C
    • Features: Maps Version: v5.2.0 Product: JasperReports® Library

    There are two ways to make the Google map marker tooltip and hyperlinks work with JasperReports.

    You can either use "title" and "url", or infowindow with href embedded, to provide tooltips and hyperlinks for map markers.

    The following chart properties show the code to use "title" and "url":

    <mp:map xmlns:mp="http://jasperreports.sourceforge.net/jasperreports/components"..........>
        ..........
        <mp:markerData>
            ..........
            <mp:item>
                ..........
                <mp:itemProperty name="title">
                    <valueExpression>
                        <![CDATA[$F{markername}+"\nlatitude:"+$F{latitude}+"\nlongitude:"+$F{longitude}]]>
                    </valueExpression>
                </mp:itemProperty>
                <mp:itemProperty name="url">
                    <valueExpression>
                        <![CDATA[$F{url}]]>
                    </valueExpression>
                </mp:itemProperty>
                <mp:itemProperty name="target">
                    <valueExpression>
                        <![CDATA["_blank"]]>
                    </valueExpression>
                </mp:itemProperty>
            </mp:item>
        </mp:markerData>
    </mp:map>
    

    The following chart properties show the code to use infowindow:

    <mp:map xmlns:mp="http://jasperreports.sourceforge.net/jasperreports/components"..........>
        ..........
        <mp:markerData>
            ..........
            <mp:item>
                ..........
                <mp:itemProperty name="infowindow.content">
                    <valueExpression>
                        <![CDATA["<pstyle='text-align:left;'><a href="+$F{url}+"target=_blank><b>"+$F{markername}+"</b></a><br/>latitude:<b>"+$F{latitude}+"</b><br/>longitude:<b>"+$F{longitude}+"</b></p>"]]>
                    </valueExpression>
                </mp:itemProperty>
            </mp:item>
        </mp:markerData>
    </mp:map>
    

    Please download the attached "export20131014.zip" file and have it imported into your JasperReports Server v5.2 repository. Sample report “21. Google Map Report (Markers, Tooltips, and HyperLinks)“ can be found under /public/Samples/Reports/ repository folder.

    Additional information relating to making Google map work in JRS reprot can be found in this wiki posting "Experimenting with Japsersoft 5.0.1 product using Markers in Google Map".


    TTC (20131014-37280)

    export20131014.zip


    User Feedback

    Recommended Comments

    There are no comments to display.



    Guest
    This is now closed for further comments

×
×
  • Create New...