★ On Dubuplus, the map can be displayed by setting with the API KEY or by inputting the source code (Google Maps).

Between the two ways, it could be a little more difficult to set the map with the API KEY, but it is recommended because you can use the map service in various ways.

STEP01. Setting with the API KEY.

① Click [Design mode]

② Click [Map Element], and drag it to add.

③ Click [Edit setting] in [Map Element], and click [Map list]

④ Click [Create new map]

⑤ Enter the map name and click [Create]

⑥ Select the map type, and set the API KEY, zoom control, and marker, and click [Contact Fields]

(TIP) you can set the API KEY in [Design mode] > [App] > [Map], [Manage mode] >[Preferences] > [Link External API] > [Map], and the set information will be linked.

⑦ Click [√] to select a field and then click [>] to set the detailed settings.

(TIP) It is possible to add contact fields addition to the default set fields.

STEP02. Setting by inputting the source code.

There are two ways to input the source code.

1.[Map settings] > [Source code]

2.[Embed element.]

1. [Map settings] > [Source code]

① Select [Use Source code] tap, and enter [Source code] copied from the Google maps.

2. [Embed element]

① Click [Design mode] > [Media elements] > [Embed element], and drag it to add.

② Click [Edit Settings] in [Embed] and click [Insert Source Code]

③ Enter the [Code] copied from the Google maps.

(TIP) How to get the source code.

[Google map]

Search for a place name on Google maps, and click [Share] > [Embed map] > [Copy the code]