Adding Ground Overlays

Overview

Ground overlays are images that overlay map tiles on a map. Overlays are positioned between two coordinates. The position of these coordinates will represent the southwest and northeast corners of the image file (which is rectangular or square).

Example

{% set options = {
	id: 'map', 
	width: '400px', 
	height: '300px'
} %}

{{ craft.googleMaps.map(options) }}

{{ craft.googleMaps.groundOverlay('map', {
	content: 'this is some test content',
	url: '/your/image/path.jpg',
	options: {
		opacity: 0.5,
	},
	sw: {
		lat: 31.9685988,
		lng: -99.9018131
	},
	ne: {
		lat: 39.768403,
		lng: -86.158068
	}
}) }}