File Structure

Google Map Parameters
Map Marker
Example
								
									var mapIcon = ['images/assets/map-marker.png','images/assets/map-marker-2.png'];
								
							
Map Marker Size

You can set the size of the marker/s on lines 132-33. Note: to accommodate for retina displays set the width and height of the map marker to half its actual width and height. For example, the map marker we have created measures 90x106px, so the entered value would be 45x53px.

Example
								
									var mapIconW = 45;
									var mapIconH = 53;
								
							
Latitude/Longitude

Latitudes and longitudes for map markers defined in the mapIcon array are entered on line 130 as a two dimensional array. Note: Order of lat/long elements correspond directly to the order of map marker paths defined in the mapIcon array. Use this site to find the Lat/Long of an address.

Example
								
									var mapLocations = [[{{ site.data.site.maps.coordinates }}],[40.691052,-73.925457]];
								
							
Map Tooltips

Add marker toolips on line 131. Note: Toolip information is entered as a one dimensional array. As with lat/long for map markers, tool tip array elements correspond directly to the order of map marker paths defined in the mapIcon array.

Example
								
									var mapInfoContent = ['Downtown New York Office 44 St. West 32','The Brooklyn Office East Village 55th St.'];
								
							
Map Controls

Map latitude and longitude are entered on lines 134-141. Use this site to find the Lat/Long of an address.

Example
								
									var mapZoomLevel = 14;
									var mapZoomMseWheel = false;
									var mapTypeCtrl = false;
									var mapPanCtrl = false;
									var mapZoomCtrl = true;
									var mapScaleCtrl = true;
									var mapStreetViewCtrl = false;
									var mapGrayScale = false;
								
							

Below is a brief description of what each parameter does:

  • mapZoomLevel - The level at which the map should be zoomed in upon first load.
  • mapZoomMseWheel - Whether mouse wheel zooming should be activated.
  • mapTypeCtrl - Whether map type control should be active (allows user to switch between map and satellite view).
  • mapPanCtrl - Whether map pan controls should be active.
  • mapZoomCtrl - Whether map zoom controls should be active.
  • mapScaleCtrl - Whether map scale controls should be active.
  • mapStreetViewCtrl - Whether street view options should be active.
  • mapGrayScale - Whether map should be in color or grayscale.