diff --git a/README.md b/README.md index 3e4cbda..37bb726 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ For bootstrap 2.x & Fontawesome 3.x use Leaflet.awesome-markers v1.0 ## Screenshots ![AwesomeMarkers screenshot](https://raw.github.com/lvoogdt/Leaflet.awesome-markers/master/screenshots/screenshot-soft.png "Screenshot of AwesomeMarkers") - + JSfiddle demo ### Twitter Bootstrap/Font-Awesome icons @@ -108,6 +108,19 @@ Set default prefix to something other than `glypicon` See [JSFIddle](http://jsfiddle.net/markmarijnissen/VPzu4/286/) +### Using Square Markers + +![Square Markers screenshot](/screenshots/screenshot-square-markers.png "Screenshot of Square Markers") + +````js + // Creates a red square marker with the coffee icon + var squareRedMarker = L.AwesomeMarkers.icon({ + icon: 'coffee', + markerColor: 'red' + className: 'awesome-marker awesome-marker-square' + }); +```` + ## License - Leaflet.AwesomeMarkers and colored markers are licensed under the MIT License - http://opensource.org/licenses/mit-license.html. - Font Awesome: http://fortawesome.github.io/Font-Awesome/license/ diff --git a/dist/images/markers-soft.png b/dist/images/markers-soft.png index 9ee4c34..acc8315 100644 Binary files a/dist/images/markers-soft.png and b/dist/images/markers-soft.png differ diff --git a/dist/leaflet.awesome-markers.css b/dist/leaflet.awesome-markers.css index 588a99c..541732f 100644 --- a/dist/leaflet.awesome-markers.css +++ b/dist/leaflet.awesome-markers.css @@ -122,3 +122,7 @@ Version: 1.0 .awesome-marker-icon-black { background-position: -682px 0; } + +.awesome-marker-square { + background-position-y: -46px; +} diff --git a/screenshots/screenshot-square-markers.png b/screenshots/screenshot-square-markers.png new file mode 100644 index 0000000..682b8ff Binary files /dev/null and b/screenshots/screenshot-square-markers.png differ