(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Google Maps

You can enable the map to be displayed and used in Web and Mobile applications. While Google MAP is selected on the web, data is taken from GoogleMap on Android devices and Apple Map on iOS devices or locations are displayed on the relevant maps in mobile applications.

Adding Google Maps

You can add the Google Maps element to the screen by dragging and dropping it from the Elements panel. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a column, you just add the Google Maps element.

Properties

Google Maps element consists of sections such as map, location pin and location detail pop-up. Complex contents can be prepared especially in the Location pop-up. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.

DATA SOURCE

You select the data table from which the data of the locations to be displayed on the map will be retrieved.

CENTER LAT

The center in the map opening is the area where the latitude value is given. It can be static as well as dynamic values ​​with Symbol Picker.

CENTER LNG

The center in the map opening is the area where the longitude value is given. It can be static as well as dynamic values ​​with Symbol Picker.

ZOOM

It is the area where the zoom value at the map opening is given. It can be static as well as dynamic values ​​with Symbol Picker.

HAS SEARCH BOX

It is the area where address search can be done on the map.

DISABLE DOUBLE CLICK ZOOM

You can activate or deactivate the zooming process on the map with a double click.

FULL SCREEN CONTROL

You can show/hide the button that opens the map full screen.

STREET VIEW CONTROL

You can show/hide the street view button on the map.

SCALE CONTROL

You can show/hide the scale control buttons on the map.

ZOOM CONTROL

You can show/hide the zoom buttons on the map.

MAP TYPE CONTROL

You can show/hide the buttons that enable the selection of view types such as drawing or satellite view of the map.

AUTO CENTER

You can have the map automatically centered on the user's location.

LATITUDE

You can add the map latitude value statically and dynamically.

LONGITUDE

You can add the map longitude value statically and dynamically.

MARKER DETAIL VIEW

You can select the display type of the location detail. SidePanel can be opened as a Pop-up or a drawer.

MARKER DETAIL POSITION

You determine in which direction the location detail will be displayed.

MARKER DETAIL WIDTH

You can set the width of the location detail.

MARKER DETAIL HEIGHT

You can adjust the height of the location detail.

CIRCLE RADIUS

You can adjust the corner bevels in the center display.

SHOW MARKER DETAIL VIEW ON CLICK

It can be ensured that the show detail button appears in the location detail.

AUTHORIZATION

You can use the authorization options for the Google Maps element.

VISIBILITY

You can manage the visibility of the element. It is always visible, hidden, or you can make it appear or hide depending on a condition.

ACTIONS

You can add functions that you can add to the Google Maps element with Add Actions.

Styling

You can further edit the Google Maps Element by adding a frame, fill color, border, or shadow.

LAYOUT

You can make visual adjustments such as environmental interior spaces and sizing. Depending on the size of Google Maps, you can align the elements in it.

BORDER

You can add lines to the outer edges of Google Maps and give corner trainings.

SHADOW

You can add shadows to Google Maps.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try