-
Notifications
You must be signed in to change notification settings - Fork 20
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merge a lot of PRs from the old repository #8
base: master
Are you sure you want to change the base?
Changes from 22 commits
e0e71a9
1232d91
72443db
a9ea7a6
f864f21
a9cf424
f273428
930393f
85c594d
cd5051d
3f35924
ed3a9d9
0c3c6f3
477f9e5
6a1e926
2552763
9126875
6e2bbc6
3cac587
81f1251
d3c18b5
009f326
d5dab7f
ef317f4
4b01137
97ef48a
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -9,10 +9,17 @@ Version 2.0 of Leaflet.awesome-markers is tested with: | |
|
||
For bootstrap 2.x & Fontawesome 3.x use Leaflet.awesome-markers v1.0 | ||
|
||
Version 1.0 of Leaflet.awesome-markers is tested with: | ||
- Bootstrap 2 | ||
- Font Awesome 3.0 | ||
- Leaflet 0.5 | ||
|
||
Use version 2.0 for newer versions of bootstrap and font-awesome! | ||
|
||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I have revisited this now, did not see that there is already something written about version 2.0, my bad. Version 2.0 of Leaflet.awesome-markers is tested and works with the latest available versions:
Use version 2.0.x for compatibility with the newer versions of bootstrap, font-awesome and leaflet. Version 1.0 of Leaflet.awesome-markers is tested and works with:
Use version 1.0.x for compatibility with the older versions of bootstrap, font-awesome and leaflet. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I concur :D. |
||
## Screenshots | ||
![AwesomeMarkers screenshot](https://raw.github.com/lvoogdt/Leaflet.awesome-markers/master/screenshots/screenshot-soft.png "Screenshot of AwesomeMarkers") | ||
<a href="http://jsfiddle.net/VPzu4/92/" target="_blank">JSfiddle demo</a> | ||
|
||
<a href="http://jsfiddle.net/VPzu4/975/" target="_blank">JSfiddle demo</a> | ||
|
||
### Twitter Bootstrap/Font-Awesome icons | ||
This plugin depends on either Bootstrap or Font-Awesome for the rendering of the icons. See these urls for more information: | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,11 @@ | ||
{ | ||
"name": "Leaflet.awesome-markers", | ||
"version": "2.0.4", | ||
"homepage": "https://github.com/lvoogdt/Leaflet.awesome-markers", | ||
"homepage": "https://github.com/sigma-geosistemas/Leaflet.awesome-markers", | ||
"authors": [ | ||
"Lennard Voogdt <[email protected]>" | ||
"Lennard Voogdt <[email protected]>", | ||
"George Silva <[email protected]", | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Missing |
||
"Bhaskar V. Karambelkar <[email protected]>" | ||
], | ||
"description": "Colorful iconic & retina-proof markers for Leaflet, based on the Glyphicons / Font-Awesome icons", | ||
"main": [ | ||
|
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,26 +6,25 @@ | |
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="../dist/leaflet.awesome-markers.css"> | ||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" /> | ||
<!--[if lte IE 8]> | ||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /> | ||
<![endif]--> | ||
<link href="https://unpkg.com/[email protected]/css/font-awesome.css" rel="stylesheet"/> | ||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Leaflet 1.0.3 is out |
||
<link rel="stylesheet" href="../dist/leaflet.awesome-markers.css"/> | ||
</head> | ||
<body> | ||
<div id="map" style="width: 800px; height: 600px"></div> | ||
|
||
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script> | ||
<script src="https://unpkg.com/leaflet@0.7.7/dist/leaflet.js"></script> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Leaflet 1.0.3 is out, you should try to use that here in and in other examples |
||
<script src="../dist/leaflet.awesome-markers.js"></script> | ||
<script> | ||
var map = L.map('map').setView([51.932994,4.509373], 14); | ||
|
||
L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', { | ||
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade. Font Awesome by Dave Gandy', | ||
key: 'BC9A493B41014CAABB98F0471D759707', | ||
detectRetina: true | ||
}).addTo(map); | ||
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { | ||
maxZoom: 18, | ||
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + | ||
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + | ||
'Imagery © <a href="http://mapbox.com">Mapbox</a>', | ||
id: 'mapbox.streets' | ||
}).addTo(map); | ||
|
||
L.marker([51.941196,4.512291], {icon: L.AwesomeMarkers.icon({icon: 'spinner', prefix: 'fa', markerColor: 'red', spin:true}) }).addTo(map); | ||
L.marker([51.927913,4.521303], {icon: L.AwesomeMarkers.icon({icon: 'coffee', prefix: 'fa', markerColor: 'red', iconColor: '#f28f82'}) }).addTo(map); | ||
|
@@ -40,6 +39,9 @@ | |
L.marker([51.930295,4.530745], {icon: L.AwesomeMarkers.icon({icon: 'phone', prefix: 'fa', markerColor: 'darkpurple'}) }).addTo(map); | ||
L.marker([51.925055,4.512806], {icon: L.AwesomeMarkers.icon({icon: 'ambulance', prefix: 'fa', markerColor: 'darkgreen'}) }).addTo(map); | ||
L.marker([51.925902,4.505768], {icon: L.AwesomeMarkers.icon({icon: 'medkit', prefix: 'fa', markerColor: 'darkblue'}) }).addTo(map); | ||
L.marker([51.926902,4.502768], {icon: L.AwesomeMarkers.icon({icon: 'home', prefix: 'fa', markerColor: 'white'}) }).addTo(map); | ||
L.marker([51.936902,4.512768], {icon: L.AwesomeMarkers.icon({icon: 'home', prefix: 'fa', markerColor: 'white', text: 'LK' }) }).addTo(map); | ||
L.marker([51.936902,4.516768], {icon: L.AwesomeMarkers.icon({icon: 'shopping-cart', prefix: 'fa', markerColor: 'white', iconRotate: 45 }) }).addTo(map); | ||
</script> | ||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,29 +6,25 @@ | |
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="../dist/leaflet.awesome-markers.css"> | ||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" /> | ||
<!--[if lte IE 8]> | ||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /> | ||
<![endif]--> | ||
|
||
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script> | ||
|
||
<link href="https://unpkg.com/[email protected]/css/font-awesome.css" rel="stylesheet"/> | ||
<link rel="stylesheet" href="../dist/leaflet.awesome-markers.css"/> | ||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> | ||
</head> | ||
<body> | ||
<div id="map" style="width: 800px; height: 600px"></div> | ||
|
||
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script> | ||
<script src="https://unpkg.com/leaflet@0.7.7/dist/leaflet.js"></script> | ||
<script src="../dist/leaflet.awesome-markers.js"></script> | ||
<script> | ||
var map = L.map('map').setView([51.5, -0.09], 9); | ||
|
||
L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', { | ||
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade. Font Awesome by Dave Gandy', | ||
key: 'BC9A493B41014CAABB98F0471D759707', | ||
detectRetina: true | ||
}).addTo(map); | ||
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { | ||
maxZoom: 18, | ||
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + | ||
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + | ||
'Imagery © <a href="http://mapbox.com">Mapbox</a>', | ||
id: 'mapbox.streets' | ||
}).addTo(map); | ||
|
||
var colors = ['red', 'blue', 'green', 'purple', 'orange', 'darkred', 'lightred', 'beige', 'darkblue', 'darkgreen', 'cadetblue', 'darkpurple', 'white', 'pink', 'lightblue', 'lightgreen', 'gray', 'black', 'lightgray']; | ||
|
||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,31 +6,27 @@ | |
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet"> | ||
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="../dist/leaflet.awesome-markers.css"> | ||
|
||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" /> | ||
<!--[if lte IE 8]> | ||
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /> | ||
<![endif]--> | ||
|
||
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script> | ||
<link href="https://unpkg.com/[email protected]/css/font-awesome.css" rel="stylesheet"/> | ||
<link href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Still 0.7.7, use 1.0.3 There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. darn, missed this one. |
||
<link rel="stylesheet" href="../dist/leaflet.awesome-markers.css"/> | ||
|
||
</head> | ||
<body> | ||
<div id="map" style="width: 800px; height: 600px"></div> | ||
|
||
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script> | ||
<script src="https://unpkg.com/leaflet@0.7.7/dist/leaflet.js"></script> | ||
<script src="../dist/leaflet.awesome-markers.js"></script> | ||
|
||
<script> | ||
var map = L.map('map').setView([51.932994,4.509373], 14); | ||
|
||
L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', { | ||
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade. Font Awesome by Dave Gandy', | ||
key: 'BC9A493B41014CAABB98F0471D759707' | ||
}).addTo(map); | ||
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { | ||
maxZoom: 18, | ||
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + | ||
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + | ||
'Imagery © <a href="http://mapbox.com">Mapbox</a>', | ||
id: 'mapbox.streets' | ||
}).addTo(map); | ||
|
||
L.marker([51.941196,4.512291], {icon: L.AwesomeMarkers.icon({icon: 'link', prefix: 'glyphicon', markerColor: 'red', spin:true}) }).addTo(map); | ||
L.marker([51.927913,4.521303], {icon: L.AwesomeMarkers.icon({icon: 'certificate', prefix: 'glyphicon', markerColor: 'red'}) }).addTo(map); | ||
|
@@ -41,7 +37,7 @@ | |
|
||
L.marker([51.930454,4.527054], {icon: L.AwesomeMarkers.icon({icon: 'bookmark', prefix: 'fa', markerColor: 'darkred'}) }).addTo(map); | ||
L.marker([51.929607,4.527054], {icon: L.AwesomeMarkers.icon({icon: 'picture-o', prefix: 'fa', markerColor: 'darkblue'}) }).addTo(map); | ||
L.marker([51.928919,4.528856], {icon: L.AwesomeMarkers.icon({icon: 'move', prefix: 'fa', markerColor: 'cadetblue'}) }).addTo(map); | ||
L.marker([51.928919,4.528856], {icon: L.AwesomeMarkers.icon({icon: 'suitcase', prefix: 'fa', markerColor: 'cadetblue'}) }).addTo(map); | ||
L.marker([51.930295,4.530745], {icon: L.AwesomeMarkers.icon({icon: 'play', prefix: 'fa', markerColor: 'darkpurple'}) }).addTo(map); | ||
L.marker([51.925055,4.512806], {icon: L.AwesomeMarkers.icon({icon: 'barcode', prefix: 'fa', markerColor: 'darkgreen'}) }).addTo(map); | ||
L.marker([51.925902,4.505768], {icon: L.AwesomeMarkers.icon({icon: 'inbox', prefix: 'fa', markerColor: 'darkblue'}) }).addTo(map); | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Use version 2.0.x for compatibility with newer versions of bootstrap, font-awesome and leaflet.
It is tested and works with the latest available versions: