Last active
August 29, 2015 14:06
-
-
Save tmcw/e6fb3e46b1459e5bb664 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=utf-8 /> | |
| <title>Povince Wide Places</title> | |
| <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
| <script src='https://api.tiles.mapbox.com/mapbox.js/v2.0.1/mapbox.js'></script> | |
| <link href='https://api.tiles.mapbox.com/mapbox.js/v2.0.1/mapbox.css' rel='stylesheet' /> | |
| <style> | |
| body { margin:0; padding:0; } | |
| #map { position:absolute; top:0; bottom:0; width:100%; } | |
| </style> | |
| </head> | |
| <body> | |
| <style> | |
| .menu-ui { | |
| background:#fff; | |
| position:absolute; | |
| top:10px;right:10px; | |
| z-index:1; | |
| border-radius:3px; | |
| width:120px; | |
| border:1px solid rgba(0,0,0,0.4); | |
| } | |
| .menu-ui a { | |
| font-size:13px; | |
| color:#404040; | |
| display:block; | |
| margin:0;padding:0; | |
| padding:10px; | |
| text-decoration:none; | |
| border-bottom:1px solid rgba(0,0,0,0.25); | |
| text-align:center; | |
| } | |
| .menu-ui a:first-child { | |
| border-radius:3px 3px 0 0; | |
| } | |
| .menu-ui a:last-child { | |
| border:none; | |
| border-radius:0 0 3px 3px; | |
| } | |
| .menu-ui a:hover { | |
| background:#f8f8f8; | |
| color:#404040; | |
| } | |
| .menu-ui a.active, | |
| .menu-ui a.active:hover { | |
| background:#3887BE; | |
| color:#FFF; | |
| } | |
| </style> | |
| <!-- jQuery is required for this example. --> | |
| <script src='https://code.jquery.com/jquery-1.11.0.min.js'></script> | |
| <nav class='menu-ui'> | |
| <a href='#' class='active' data-filter='all'>Show all</a> | |
| <a href='#' data-filter='alanbrown'>AlanBrown & Co</a> | |
| <a href='#' data-filter='bradyInsurance'>Brady Insurance</a> | |
| <a href='#' data-filter='chambersInsurance'>Chambers Insurance</a> | |
| <a href='#' data-filter='cipInsurance'>CIP Insurance</a> | |
| <a href='#' data-filter='curranConnolly'>Curran Connolly & Co</a> | |
| <a href='#' data-filter='daviesInsurance'>Davies Insurance</a> | |
| <a href='#' data-filter='digneyGrantInsurance'>Digney Grant Insurance</a> | |
| <a href='#' data-filter='jHatty'>J Hatty & Co</a> | |
| <a href="#" data-filter="mcaleerInsurance">McAleer Insurance</a> | |
| <a href="#" data-filter="mccInsurance">MCC Insurance</a> | |
| <a href="#" data-filter="mcgradyInsurance">McGrady Insurance</a> | |
| <a href="#" data-filter="oaklandInsurance">Oakland Insurance</a> | |
| </nav> | |
| <div id='map'></div> | |
| <script> | |
| L.mapbox.accessToken = 'pk.eyJ1IjoiaWFtY2hyaXMiLCJhIjoiNE5fMGs0TSJ9.ne8aSFCXOturJSCqCnEpIg'; | |
| // In the propeties object for each marker define key's | |
| // like `rentals`, `chambersInsurance`, `bradyInsurance` that are set to true for false | |
| // depending on whether or they exist at a location. | |
| var geojson = [ | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.33767, | |
| 54.4661 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "AlanBrown Lurgan", | |
| "alanbrown": true, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.76954, | |
| 54.5039 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "AlanBrown Dungannon", | |
| "alanbrown": true, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.26759, | |
| 54.3516 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "AlanBrown Banbridge", | |
| "alanbrown": true, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, //END ALANBROWN BRANCHES | |
| //START BRADY BRANCHES | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -7.63059, | |
| 54.3433 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "BradyInsurance HQ Enniskillen", | |
| "alanbrown": false, | |
| "bradyInsurance": true, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -7.20367, | |
| 54.431 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "BradyInsurance Fintona", | |
| "alanbrown": false, | |
| "bradyInsurance": true, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.92615, | |
| 54.5934 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "BradyInsurance Pomeroy", | |
| "alanbrown": false, | |
| "bradyInsurance": true, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.00092, | |
| 54.0653 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "ChambersInsurance HQ Kilkeel", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": true, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.89579, | |
| 54.4035 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "ChambersInsurance Ballynahinch", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": true, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.21341, | |
| 54.5907 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "CIP Insurance HQ Crumlin", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": true, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.95309, | |
| 54.5775 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "CIP Insurance Belfast", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": true, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.99755, | |
| 54.7496 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "CIP Insurance Ballyclare", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": true, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.94799, | |
| 54.5796 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Curran Connolly & Co", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": true, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.95685, | |
| 54.6702 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Davies Insurance", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": true, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.33742, | |
| 54.1782 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Digney Grant Insurance HQ Newry", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": true, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.26882, | |
| 54.3463 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Digney Grant Insurance Banbridge", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": true, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.66444, | |
| 54.6606 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "J Hatty & Co HQ Bangor", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": true, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.65143, | |
| 54.3469 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "J Hatty & Co Armagh", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": true, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.44529, | |
| 54.4217 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "J Hatty & Co Portadown", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": true, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -7.29798, | |
| 54.5998 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "McAleer HQ Insurance", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": true, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.51576, | |
| 55.0705 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "MCC Insurance HQ Ballymena", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": true, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.71381, | |
| 54.3253 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "McGrady Insurance HQ Downpatrick", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": true, | |
| "oaklandInsurance": false, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.82269, | |
| 54.8514 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Oakland Insurance HQ Larne", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": true, | |
| "marker-color": "#FF0000", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -5.89635, | |
| 54.5893 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Oakland Belfast", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": true, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.6745, | |
| 54.8439 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Oakland Maghera", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": true, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| }, | |
| { | |
| "type": "Feature", | |
| "geometry": { | |
| "coordinates": [ | |
| -6.95026, | |
| 55.052 | |
| ], | |
| "type": "Point" | |
| }, | |
| "properties": { | |
| "title": "Oakland Limavady", | |
| "alanbrown": false, | |
| "bradyInsurance": false, | |
| "chambersInsurance": false, | |
| "cipInsurance": false, | |
| "curranConnolly": false, | |
| "daviesInsurance": false, | |
| "digneyGrantInsurance": false, | |
| "jHatty": false, | |
| "mcaleerInsurance": false, | |
| "mccInsurance": false, | |
| "mcgradyInsurance": false, | |
| "oaklandInsurance": true, | |
| "marker-color": "#1087bf", | |
| "marker-size": "large", | |
| "marker-symbol": "commercial" | |
| } | |
| } | |
| ]; | |
| map = L.mapbox.map('map', 'iamchris.jbn7fa9e') | |
| .setView([54.5661, -5.97199 ], 9); | |
| markers = L.mapbox.featureLayer() | |
| .setGeoJSON(geojson) | |
| .addTo(map); | |
| //featureLayer.eachLayer(function(marker) { | |
| // | |
| // feature = marker.feature; | |
| // | |
| // // Create custom popup content | |
| // var popupContent = '<a target="_blank" class="popup" href="' + feature.properties.url + '">' + | |
| // ' <h2>' + feature.properties.title + '</h2>' + | |
| // '</a>'; | |
| // | |
| // // http://leafletjs.com/reference.html#popup | |
| // marker.bindPopup(popupContent,{ | |
| // closeButton: false, | |
| // maxWidth: 500 | |
| // }); | |
| // }); | |
| markers.eachLayer(function(layer) { | |
| var content = | |
| '<h2> ' + layer.feature.properties.title + '<\/h2>' + | |
| '<p>From: ' + layer.feature.properties.from + '<br \/>' + | |
| 'to: ' + layer.feature.properties.title + '<\/p>'; | |
| layer.bindPopup(content); | |
| }); | |
| $('.menu-ui a').on('click', function() { | |
| // For each filter link, get the 'data-filter' attribute value. | |
| var filter = $(this).data('filter'); | |
| $(this).addClass('active').siblings().removeClass('active'); | |
| markers.setFilter(function(f) { | |
| // If the data-filter attribute is set to "all", return | |
| // all (true). Otherwise, filter on markers that have | |
| // a value set to true based on the filter name. | |
| return (filter === 'all') ? true : f.properties[filter] === true; | |
| }); | |
| markers.eachLayer(function(layer) { | |
| var content = | |
| '<h2> ' + layer.feature.properties.title + '<\/h2>' + | |
| '<p>From: ' + layer.feature.properties.from + '<br \/>' + | |
| 'to: ' + layer.feature.properties.title + '<\/p>'; | |
| layer.bindPopup(content); | |
| }); | |
| return false; | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment