Google Maps OpenStreetMap
Stable Version 1.0.2
Published on 23 March 2017 by 
Created on 20 March 2017
OpenStreetMap MapType Plugin for Google Maps Component...
Read More

OpenStreetMap MapType Plugin for Google Map Component

Require Google Map Component...

OpenStreetMap have more contrast and looks just like a paper map...

Google Map have more details, but if you want a fresh looking and different map, this one is for you...

This is not a complete map replacement to OpenStreetMap!

We're still using Google Maps JS API through Google Maps Component, only the map tile is using OpenStreetMap.

How to use it:

1. Add dependency: Google Map and Google Map OpenStreetMap

2. Add usual Map from Google Map Component

3. Add GMap_OSM_Flow\OpenStreetMap_MapType webblock below the Map webblock.

4. Assign input parameter: MapId

5. Set MapOptions in Map component to:

    mapTypeId: 'OpenStreetMap',
    mapTypeControl: false

mapTypeControl is disabled because when you click Map Control, mapTypeId will be reverted to Google Map's own 'roadmap'.

Note: max zoom is locked to 19 when using OpenStreetMap MapType

What’s new (1.0.2)

Update OpenStreetMap_Sample screen to include MapType and Address control...

Reviews (0)
Components, Mobile Plug-ins
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
Google Maps OpenStreetMap has no consumers.
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems R&D
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
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.
Google Maps
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
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.