Google Maps Overlay

Stable Version 3.0.0 (OutSystems 10)
Published on 21 April 2017 by 
Created on 19 March 2017
Overlay Plugin for Google Map Component...
Read More

Overlay Plugin for Google Map Web Plugin

Require Google Map Component...

Use Case: Attach Floorplan (use roadmap type for better max zoom)

Current Limitation:

- just 1 overlay image, multiple overlay image are not supported yet

New feature: Image rotation control (in degree) and opacity of overlay image (decimal range 0.0 - 1.0)

How to use it:

1. Add dependency: Google Map and Google Map Overlay

2. Add usual Map from Google Map Component

3. Add MapOverlayFlow\AddMapOverlay webblock below the Map webblock.

4. Assign input parameter: MapId, ImageURL, Rotation (in degree), North East Latitude & Longitude, South West Latitude & Longitude

Image will be drawn and resized at North East point & South West point bound.

What’s new (3.0.0)

- add opacity input parameter (decimal range: 0.0 - 1.0)

- enhance sample espace using AJAX refresh

Reviews (0)
Components, Mobile Plugins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Harlin Setiadarma who created this component.
See all 1 dependencies
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at . Obtain assistance on using Silk UI in our forums .
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
More from Harlin Setiadarma
Google Maps Clusterer
Harlin Setiadarma
Marker Clusterer Plugin for Google Maps Component
Image Utils Mobile
Harlin Setiadarma
Image Utilities (Resize, Crop, Identify width & height, Get & Fix Orientation, Sharpening, Watermark) for Mobile Apps using JS Canvas. Currently only tested for Chrome browser and Android (as I don't have Mac/Safari/iPhone)
Image Utils Mobile Sample
Harlin Setiadarma
Sample/How-to App for Image Utils Mobile. Take picture from camera or upload from your phone gallery. Please use Outsystems Now on your mobile phone to preview.