From 02b12e2bed1fb629470c41cab30527f63ff4f9f2 Mon Sep 17 00:00:00 2001 From: Bachir Soussi Chiadmi Date: Sun, 30 Sep 2018 16:51:50 +0200 Subject: [PATCH] added example of custom options on leaflet markers and click event --- user/themes/r2c/js/script.js | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/user/themes/r2c/js/script.js b/user/themes/r2c/js/script.js index f5f2bcd..c4080db 100644 --- a/user/themes/r2c/js/script.js +++ b/user/themes/r2c/js/script.js @@ -25,9 +25,19 @@ function map() { for (var i = 0; i < dyn_data.mappoints.length; i++) { var id = dyn_data.mappoints[i].id; - markers[id] = L.marker([dyn_data.mappoints[i].lat, dyn_data.mappoints[i].long], {icon: greenIcon}).bindPopup(dyn_data.mappoints[i].title).addTo(mymap); + markers[id] = L.marker([dyn_data.mappoints[i].lat, dyn_data.mappoints[i].long], {icon: greenIcon, targets:["#test", '#test2']}) + .on("click", function(e){ + // e c'est l'evenement click html normal + // this c'est le marker + // console.log('marker click', e, this); + console.log("marker targets", this.options.targets); + }) + .bindPopup(dyn_data.mappoints[i].title) + .addTo(mymap); + markers[id]._icon.id = id; + var cible = dyn_data.mappoints[i].target; } }; @@ -281,12 +291,12 @@ function mCustomScrollbar() { $(document).on("click","a[href^='#'],#links .nodes text[href^='#'],#streetmap img[href^='#']",function(e){ e.preventDefault(); var hrefs = $(this).attr("href").split(','); - console.log('hrefs', hrefs); + // console.log('hrefs', hrefs); var h, h_parts; for (var i = 0; i < hrefs.length; i++) { h = hrefs[i]; h_parts = h.match(/^#(([^_]+)_(.+)$)/); - console.log('h_parts', h_parts); + // console.log('h_parts', h_parts); function scrollTo() { var href = target.find(h_parts[0]);