gmaps - Overlays

gmaps overlays examples include polylines, overlays, polygons, geoJson Polygons maps.


The path of the polyline is defined by an array of array of two (latitude and longitude).


You must define latitude, longitude and the content of the map overlay.

Also, you must define a height to the content.

Also, you can define a verticalAlign, which can be top, middle or bottom, and horizontalAlign, which can be left, center or right.


The path of a polygon can be defined as an array of:

  • google.maps.LatLng objects, or
  • arrays of coordinates, with index 0 and 1 as, respectively, latitude and longitude (as in the example)

Also, you can add a GeoJSON Polygon or MultiPolygon path using useGeoJSON: true.

GeoJSON Polygons

The GeoJSON Polygon should be surrounded by brackets, according the specification.

Theme Customizer

Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options



Buy Now