A PHP Error was encountered

Severity: Notice

Message: Undefined offset: 0

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Undefined offset: 0

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Undefined offset: 0

Filename: gmap/mod.gmap.php

Line Number: 453

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 453

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 453

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 453

A PHP Error was encountered

Severity: Notice

Message: Undefined offset: 0

Filename: gmap/mod.gmap.php

Line Number: 454

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 454

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 454

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 454

A PHP Error was encountered

Severity: Notice

Message: Undefined offset: 0

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 166

A PHP Error was encountered

Severity: Notice

Message: Undefined offset: 0

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Notice

Message: Trying to get property of non-object

Filename: gmap/mod.gmap.php

Line Number: 167

A PHP Error was encountered

Severity: Warning

Message: Cannot modify header information - headers already sent by (output started at /storage/av01427/www/objective_html/system/codeigniter/system/core/Exceptions.php:170)

Filename: core/Common.php

Line Number: 479

Objective HTML - Google Maps for ExpressionEngine - Examples Jump to Content

Objective HTML

Google Maps for ExpressionEngine

The complete geolocation and mapping toolkit

Customizable Map Styles, Icons, and Windows

This example shows some of the ways you can customize the appearance of Google Maps. You can use your own custom icons and you can even use the Google Maps styling wizard to change the color of the map elements.

In this Section

Styling the exp:gmap:marker tag


{exp:gmap:init id="map4" styles="/assets/js/gmap-styles.js" style_var="stylez" center="United States" zoom="4" style="width:100%;height:400px"}

{exp:gmap:marker 
	id="map4" 
	address="MT Elbert"
	extend_bounds="false"
	icon="/themes/third_party/gmap/icons/hiking.png"
	infobox="true" // Tells script to use infobox.js
	offsetY="-45" // Offset the X position of the window
	offsetX="15" // Offset the Y position of the window
	closeBoxMargin="5px" // Sets the box margin (could also be done in stylesheet)
	class="ui-infobox-dark" // Uses the dark theme made available by Google Maps for ExpressionEngine v3
	closeBoxURL="/themes/third_party/gmap/css/images/white-close-button.png" //Uses an alternative close button
	open_windows="true"
	style="width: '350px'"
	}	
	

Mt. Elbert

Mount Elbert is the highest peak in the Rocky Mountains of North America, at 14,440 feet (4,401 m), the highest of the fourteeners in Colorado, and the high point of the Sawatch Range. It is located in Lake County, approximately 10 miles (16 km) southwest of Leadville. It lies within the San Isabel National Forest.

Source: http://en.wikipedia.orghttp://wikipedia.com/wiki/Mount_Elbert

{/exp:gmap:marker}

Styling with the Fieldtype


{exp:gmap:init id="map2" class="gmap" script_tag="false" styles="/assets/js/gmap-styles.js" style_var="stylez" center="United States" zoom="4" style="width:100%;height:400px" scrollwheel="false"}

{exp:channel:entries channel="gis_data" disable="member_data|categories|category_fields|pagination" dynamic="no" entry_id="23"}
	
	{gis_gmap id="map2" infobox="true" offsetY="-45" offsetX="15" closeBoxMargin="5px" class="ui-infobox-dark" closeBoxURL="/themes/third_party/gmap/css/images/white-close-button.png" style="width:'350px'"}
	
{/exp:channel:entries}