leaflet click on polygon
// http://jsfiddle.net/guspersson/yfe1g5zs/ | |
// Create the map | |
var map = L.map('map').setView([79, -100], 5); | |
// Set up the OSM layer | |
L.tileLayer( | |
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', | |
{maxZoom: 18}).addTo(map); | |
//Handle click on polygon | |
var onPolyClick = function(event){ | |
//callFancyboxIframe('flrs.html') | |
var label = event.target.options.label; | |
var content = event.target.options.popup; | |
var otherStuff = event.target.options.otherStuff; | |
alert("Clicked on polygon with label:" +label +" and content:" +content +". Also otherStuff set to:" +otherStuff); | |
}; | |
//Create polygon | |
var popup_flor ="MyLabel"; | |
var content_flor ="MyContent"; | |
var poly = new L.Polygon([ | |
[79.07181, -100.63477], | |
[79.06348, -90.43945], | |
[77.52312, -90.52734], | |
[77.50412, -94.21875], | |
[77.41825, -94.35059], | |
[77.40868, -96.72363], | |
[77.51362, -96.81152], | |
[77.53261, -100.63477], | |
[79.07181, -100.63477] | |
], {'label': popup_flor, 'popup': content_flor, 'otherStuff': 'abc123'}); | |
poly.on('click', onPolyClick); | |
//Add polygon to map | |
poly.addTo(map); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment