/Map-Icons

An icon font for use with Google Maps API and Google Places API using SVG markers and icon labels

Primary LanguageCSS

Map-Icons

Version 2.2

Website: http://map-icons.com/

Demo: http://map-icons.com/demo.html

##Summary

Map Icons is an icon font for use with Google Maps API and Google Places API using SVG markers and icon labels

Map Icons makes Google Maps Markers dynamic with control over shape, color, size, and icon easily changed using options in the marker object as well as simple SVG Notation and CSS.

##Markers

  • MAP_PIN
  • SQUARE_PIN
  • SHIELD
  • ROUTE
  • ROUNDED

##Usage Map Icons extends the Google Maps Marker Object to enable either an image or SVG marker to be used with the icon placed on top as a label.

###Creating a Marker

var marker = new Marker({
	map: map,
	title: 'Map Icons',
	position: userLocation,
	zIndex: 9,
	icon: {
		path: MAP_PIN,
		fillColor: '#0E77E9',
		fillOpacity: 1,
		strokeColor: '',
		strokeWeight: 0,
		scale: 1/2
	},
	custom_label: '<i class="map-icon-parking"></i>'
});

###Styling the Icon

.marker-label,
.marker-icon {
	z-index: 99;
	position: absolute;
	display: block;
	margin-top: -50px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	font-size: 30px !important;
	text-align: center;
	color: #FFFFFF;
	white-space: nowrap;
}

##Changelog

Version 2.2

Version 2.1

  • Changed icon- prefix to map-icon-
  • Added ROUNDED marker
  • Fixed SVG Markers to center on LatLng

Version 2.0

  • Added Activity Icons
  • Fix Marker Docs with SVG Notation

Version 1.2

  • Fixed Icons to be Pixel Grid Aligned
  • Added User Interface Icons
  • Added Marker Icons

Version 1.1

  • Added Marker Shapes

Version 1.0

  • Initial Commit

##Author

Email: scott@map-icons.com

Twitter: @scottdejonge

GitHub: https://github.com/scottdejonge

##License ###Font License

Applies to all desktop and webfont files in the following directory: map-icon/font/

Map Icons licensed under SIL OFL 1.1

###Code License

Applies to code inside: map-icons.css, map-icons.js and map-icons-min.js.

Code licensed under MIT License

###Documentation License

Applies to all Map Icons project files that are not a part of the Font or Code licenses.

Documentation licensed under CC BY 3.0