Add Map To Field

PfJs.addMapToField(field)

function is designed to enhance user interaction by adding a clickable image map to a location field within your application.

Arguments

• field: The external ID of the location field where the image map will be added.

Usage

To use the PfJs.addMapToField function, simply pass the external ID of the location field to which you want to add an image map. This will embed a clickable map interface directly within the specified field, allowing users to interact with the map for selecting or viewing locations.

Example: Add a Map to The Address Field

Suppose your application includes a field for entering addresses, and you want to enhance the user experience by displaying a map that visually represents the location selected by the user.

PfJs.addMapToField('address');

Once this function is implemented, it will automatically display a map beneath the address field whenever an address is selected.

The map gets added when the page loads. So, it doesn't work on the create screen, and it doesn’t refresh when you’re on the edit screen and change location value.