Using Maps in your web applications, you can show the locations and interact with points on the map.

Open the application and go to the "Maps" module using the left side menu:

Your table should have a column with an address or coordinates.

Create a new map. Next you need to add one or more data sources:

It can be a table or a report. You also need to select the column with the address or coordinates:

A marker identifies a location on a map. It can be customized.

Choose a marker title (it can be a column from a table/report or custom text).

If you activate the "Change the location on the Map" option, you can drag the marker on the map.

In this case, the location will change on the map and in the database:

Customize the marker info by hover and click.

Change the marker icon (you can use the standard icon, upload your own or show a picture from the column).

The following functions are available (actions by clicking on a marker):

• Do nothing;
• Column;
• Custom text;
• Open Record Widget;
• Edit record;
• Open URL from column;
• Open URL.

Open Record Widget

If you select this function, the Record Widget will be open by clicking on the marker:

Open URL

You can specify any URL that will open by clicking on the marker.

Also, you can add a link to another form widget.

Thus, the form will open by clicking on the marker. You can also pass parameters to the form widget.

Then some of the fields will be pre-filled. To do this, click on the link "How to insert record data" and copy the html field name.

In this example, we've previously created the "Event Reservation" form, which has a Relationship field with the table on the basis of which the map is built.

In order to pass parameters through URL you need to add ?0=VALUE&1=VALUE to the link, where 0, 1 - form field position, starting from zero.

Read more about passing parameters by this link.

In this case, the value is the html field name with the event's name (this field is a Relationship field).

The user will be able to make a reservation on the selected event:

After you have configured the data source, you can change other settings:

You can change:

• Width and Height;
• Zoom;
• Hide/show map type;
• Select the map center (automatic, address, coordinates).

Just like any other widget in QuintaDB, the map widget can be integrated to your website. Open the "Integration" tab and copy/paste the Iframe or JS code:

Read how to add a search form to the map by this link.

You can watch a video tutorial below (old interface):