Create a Map on the Website Main.

There are two ways to create maps in Dubuplus; an input a key value or an input a source code. Between the two methods, input a key value is a little more complicated, but we recommend this method because it allows you to take advantage of the map service in various ways. In this chapter, we will learn the process of designing a map service on the website main.

1.  How to create a map with an API value.

2.  How to create a map with a source code.

STEP01. How to create a map with an API value.

Input API value in [Design Mode>Design>Map]. Even if you input only here, both will be synced automatically.

①    In Design Mode>Design, drag and drop the Map app to the place you want.

②    Click Setting button in the map and then click ‘Map List’

③    Click ‘Create New Map’

④    Enter ‘Map Name’ and Click Create.

⑤    If you use Google Map, its API value should be already entered. To get the key values, refer to the manual at [Website Management>Get API of Google Map]

⑥    If you have Google API key value, please input it and press Enter. If inputted, the general map will be exposed. Then choose where you want it to appear on the map by searching for a place name.

⑦    [Use Zoom In/Out Controller] helps users zoom in or out the map. [Use Marker] displays the location searched by the address.

⑧    Click [Menu Settings]. You can insert menus below the map.

⑨    Click each of the exposed menus and enter their contents.

* You can hide or expose the menu for each device through [Show/Hide], Click [Add new menu] to add a menu. [Select menu] is the default exposing menu and you can turn it off not to expose. Click [Edit] to change the order of the menus.

⑩    Enter contents for each menu. You can set the link as needed.

* The representative contact number menu is automatically connected when it’s clicked on the mobile phone without additional settings for a link.

* The registered email address will automatically appear.   

⑪    If you are done with all settings, check the map on the website.

STEP02. How to create a map with a source code. 

There are two ways to enter a source code; [Map Settings> Use Source Code] and [Code Cell]

①     Method 1. [Map Settings>Use Source Code]

  Click ‘Use Source Code’ and input the source code provided by the map

(TIP) 

How to get a source code.

Searching for the place name on Google Map, and then [Click Share → Click Share Map → Copy the source code]