Home

Welcome to the svyGMaps wiki!

This wiki provides comprehensive documentation for using the svyGMaps web-component, which allows you to display a location using the Google Maps API within Servoy's NGClient.

Getting Started

First import the component using one of the release binaries or via Servoy's Web Package Manager.

If you would like to see the component in an example install the included solution, googleMapsExample.servoy.

Most importantly the component requires a Google Map API key to function properly. You can get one here for free.

Example Usage

First add the component to a form and setup the apiKey. Next you have two options to load a location - either use the address or the latitude/longitude data provider to pinpoint a location. If you are using both the address data provider will have the priority.

You can add additional styling to the component using the styleClass property. For more information check out the example solution.

API Documentation

Component Properties

Type	Name	Summary	Required
String	address	Address to lookup	Optional
String	apiKey	Google Map API Key	Required
Number	latitude	Latitude Coordinate	Optional
Number	longitude	Longitude Coordinate	Optional
String	styleClass	CSS styles for component	Optional