API Maps Documentation for Kodular with WebView | Free Google Maps Api

Guides Resources
, ,
#1

API Maps Documentation for Kodular with WebView

Main URL:

https://map.rasitech.org/

This API is designed to be used in Kodular through the WebView component, allowing users to display maps with various customizable features via URL parameters.

API Parameters

Parameter Type Default Description
location string Jakarta, Indonesia The location displayed on the map. Can be an address or GPS coordinates.
satellite boolean false Displays the map in satellite mode if set to true.
traffic boolean false Displays traffic information if set to true.
places boolean false Displays points of interest if set to true.
streetView boolean false Enables Street View feature if set to true.
fullscreen boolean false Enables fullscreen mode button if set to true.
zoomControl boolean true Displays zoom controls if set to true.
mapTypeControl boolean true Displays map type controls if set to true.
direction JSON null Configures route directions, must be in JSON format.

URL Examples

Example 1: Displaying the default map

https://map.rasitech.org/

Example 2: Displaying a specific location

https://map.rasitech.org/?location=Bandung, Indonesia

Example 3: Enabling satellite and traffic modes

https://map.rasitech.org/?location=Yogyakarta, Indonesia&satellite=true&traffic=true

Example 4: Displaying route directions

direction parameter format:

{
  "origin": "Jakarta, Indonesia",
  "destination": "Bandung, Indonesia",
  "waypoints": ["Cikampek, Indonesia"]
}

URL:

https://map.rasitech.org/?direction={"origin":"Jakarta, Indonesia","destination":"Bandung, Indonesia","waypoints":["Cikampek, Indonesia"]}

Integration with Kodular

  1. Add WebView Component:

    • Open your Kodular project.
    • Add the WebView component to your screen.

  2. Configure the URL:

    • Use Kodular blocks to set the WebView URL with the desired parameters. Example:
      set WebView1.URL to "https://map.rasitech.org/?location=Jakarta, Indonesia&satellite=true&traffic=true"

  3. Display the Map:

    • Run your app, and the map will be displayed in the WebView according to the URL configuration.

Important Notes

  • All parameters are optional. If not included, default values will be used.
  • Ensure the direction parameter is in valid JSON format.
  • The WebView component must have internet access permissions.

If you have any questions or issues, feel free to ask in the Kodular community!

2 Likes
#2

Good one. :+1: but waypoints are not working for my testing app.
How many days will run this website? I meant availability.?