Skip to main content
Version: 9.6

MapButton

The MapButton invokes routing apps and passes filled in address information and the current location information.

<div id="mapButton" 
    class="pdf-hide" 
    data-win-control="HFWinJSCtrl.MapButton" 
    data-win-options="{
        cityId:'address_city',
        zipCodeId: 'address_zip_code',
        streetId:'address_street_and_no',
        buttonLabel: 'Route',
        buttonType: 'large',
        buttonHeading: 'Navigation'
    }"></div>

FormControl Options​

buttonType - required​

Define the size of the button ('small', 'medium' or 'large').

How to use: buttonType: 'large'
Type: 'small' | 'medium' | 'large'

cityId - required​

Provide the ID of the form control containing the city name. If set "zipCodeId" is optional.

How to use: cityId:'address_city''
Type: string

zipCodeId - required​

Provide the ID of the form control containing the ZIP code. If set "cityId" is optional.

How to use: zipCodeId: 'address_zip_code'
Type: string

buttonHeading​

Define a label for the control element.

How to use: buttonHeading: 'Navigation'
Type: string

buttonLabel​

Define the button caption.

How to use: buttonLabel: 'Route'
Type: string

hidden​

Hide FormControl in Form.

How to use: hidden: true
Type: boolean

icon​

Sets the icon of the button

How to use: icon: 'fa-barcode-scan'
Type: string

streetId​

Provide the ID of the form control containing the street name and number.

How to use: streetId:'address_street_and_no'
Type: string