Skip to content

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

Notifications You must be signed in to change notification settings

ksavenkov/Map-Icons

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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: [email protected]

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 46.9%
  • JavaScript 43.2%
  • HTML 9.9%