Flipabit
  • Flipabit
  • Getting started
    • Flipabit overview
    • Create project
    • Run on device
    • Build
      • Build for iOS
      • Build for Android
      • Build for Desktop
    • Publish to App Stores
      • Submit to App Store
      • Submit to Google Play
  • Layers
    • Select layer
    • Change order, visibility and name
    • Copy and paste
    • Move layer
    • Resize layer
    • Rotate layer
    • Align layers
    • Arrange layers
    • Navigation layer
      • Display page title
      • Display Tab bar
      • Display Table of contents
      • Display Back button
      • Next/Prev buttons
      • Navigation actions
  • Pages
    • Add or delete page
    • Open page
    • Page background and overlay
  • Widgets
    • Image
    • Video
    • Text
    • PDF
    • Web
    • Diorama
    • Audio
    • Animation
    • Camera
    • YouTube
    • Map
    • Chart
    • Calendar
    • Table
    • Form
    • 3D Model
  • Groups
    • Add group
    • Move and resize group
  • Style
    • Opacity
    • Borders
    • Background
    • Opacity mask
    • Overlay
    • Margins
    • Blur
    • Copy and paste style
  • Interactivity
    • Navigate between pages
    • Maximize widget
    • Drag widget
    • Disable widget
  • Project
    • Resolution
    • Orientation
    • Status Bar
    • Settings
    • Publish settings
  • Animation
    • Page animation
    • Maximize animation
    • Position animation
    • Size animation
    • Size and position animation
    • Rotation animation
    • Opacity animation
    • Color animation
    • Blur animation
  • Actions
    • Actions Editor Overview
    • Add action
    • Suspend actions
    • Arguments
    • Delay action
    • Animation settings
    • Repeat action
  • Data & backend
    • Airtable
    • Google Sheets
  • Networking
  • Tutorials
  • API
    • Project
    • Page
    • Group
    • Widget
      • Image
      • Text
      • Video
      • Diorama
      • Audio
      • Web
      • Animation
      • Camera
      • YouTube
      • Map
      • Chart
      • Calendar
      • Table
      • Form
      • Record
      • 3d model
  • ⭐Updates
  • 🎁Get Flipabit
Powered by GitBook
On this page
  • Actions
  • Events

Was this helpful?

  1. API
  2. Widget

Map

PreviousYouTubeNextChart

Last updated 4 years ago

Was this helpful?

Property

Function

Type

Url

Iframe code of embedded Bing, Google, etc., map Actions editor: Property > Map > Url Code: widget.content.mapUrl

string

Google api

Your google maps api key Actions editor: Property > Map > Google api Code: widget.content.googleApiKey

string

Use html

Enable custom html code Actions editor: Property > Map > Use html Code: widget.content.useUserHtml

bool

Disable ui

Hide map controls Actions editor: Property > Map > Disable ui Code: widget.content.disableDefaultUi

bool

Map type

Determines which map type to use Actions editor: Property > Map > Map type Code: widget.content.mapType

string Values: roadmap satellite hybrid terrain

Html

Custom html code Actions editor: Property > Map > Html Code: widget.content.htmlCode

string

Smart scale

Update map size at end of widget resize Actions editor: Property > Map > Smart scale Code: widget.content.smartScale

bool

Latitude

Sets latitude coordinates Actions editor: Property > Map > Latitude Code: widget.content.lat

double

Longitude

Sets longitude coordinates Actions editor: Property > Map > Longitude Code: widget.content.lng

double

Zoom

Sets map zoom level Actions editor: Property > Map > Zoom Code: widget.content.zoom

int

Current url

Gets current url Actions editor: Property > Map > Current url Code: widget.content.currentUrl

string

Current url hash

Gets current url Actions editor: Property > Map > Current url hash Code: widget.content.currentUrlHash

string

Actions

Property

Function

Go to coordinates

Change the center position of the map in geographical coordinates: latitude and longitude Actions editor: Actions > Common > Go to coordinates Code: widget.content.script.actionGotoCoordinates(QString lat, QString lng)

Go to address

Show address on map, i.e. 1600 Amphitheatre Pky, Mountain View, CA Actions editor: Actions > Common > Go to address Code: widget.content.script.actionGotoAddress(QString address)

Show user location if geolocation is enabled

Actions editor: Actions > Common > Show user location if geolocation is enabled Code: widget.content.script.actionGotoCurrentLocation()

Set zoom

Set zoom level from 1 to 21 Actions editor: Actions > Common > Set zoom Code: widget.content.script.actionSetZoom(int zoom)

Run JavaScript

Run custom javascript code Actions editor: Actions > Common > Run JavaScript Code: widget.content.script.actionRunJavaScript(QString script)

Add marker

Actions editor: Actions > Common > Add marker Code: widget.content.script.actionAddMarker(QString lat, QString lng, QString label)

Remove all markers

Actions editor: Actions > Common > Remove all markers Code: widget.content.script.actionRemoveMarkers()

Events

Property

Function

Url changed

Event when url is changed Actions editor: Event > Url changed Code: widget.content.script.eventUrlChanged()