add url and title to marker object

fixes publiclab#133
daemon1024 · Aug 17, 2021 · 286dd39 · 286dd39
1 parent e1dc93b
commit 286dd39
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/dist/Leaflet.BlurredLocationDisplay.js b/dist/Leaflet.BlurredLocationDisplay.js
diff --git a/src/blurredLocationDisplay.js b/src/blurredLocationDisplay.js
@@ -64,7 +64,7 @@ BlurredLocationDisplay = function BlurredLocationDisplay(options) {
       return parsed_data ;   
   }
 
-  var all_markers_map = new Map() ; // passed to gridCenterRectangle --- contains all markers fetched till now !  
+  var all_markers_map = new Map() ; // passed to gridCenterRectangle --- contains all markers fetched till now ! 
   var locations_markers_array = [] ; 
   var SourceUrl_markers_array = [] ; // contains currently visible markers on map only !                            
   var SourceUrl_id_map = new Map() ; // separate hash map because 'ids' of locations_markers and SourceURL array may be same .
@@ -151,6 +151,7 @@ BlurredLocationDisplay = function BlurredLocationDisplay(options) {
 
               var id = obj["id"] ;
               var url = obj["url"] ;
+              var title = obj["title"] ;
               var latitude = obj["latitude"] ;
               var longitude = obj["longitude"] ;
 
@@ -164,6 +165,8 @@ BlurredLocationDisplay = function BlurredLocationDisplay(options) {
                 var m = L.marker([latitude, longitude], {
                   icon: icon_color
                 }) ;
+                m.title = title;
+                m.url = url;
                 SourceUrl_id_map.set(id , m) ;
                 all_markers_map.set(id , m) ;
                 if(options.style === 'markers' || options.style === 'both'){

diff --git a/src/ui/gridCenterRectangle.js b/src/ui/gridCenterRectangle.js
@@ -59,8 +59,7 @@ module.exports = function changeRectangleColor(options){
 
     locations.forEach(function(value , key , map){
       if(typeof(value._latlng) != "undefined"){
-        let latitude = value._latlng.lat ; 
-       // console.log(latitude) ; 
+        let latitude = value._latlng.lat ;
         let longitude = value._latlng.lng ; 
         if(latitude >= bounds[0][0] && latitude <= bounds[1][0] && longitude >= bounds[0][1] && longitude <= bounds[1][1]){
           markers.push(value) ;
@@ -78,7 +77,7 @@ module.exports = function changeRectangleColor(options){
     if (markers[0].hasOwnProperty('url') && markers[0].hasOwnProperty('url')) {
       markers.forEach(function(marker) {
         if (marker.hasOwnProperty('url') && marker.hasOwnProperty('url')) {
-          popupContents += "<li><a href='" + marker.url + "'>@" + marker.title + "</a></li>";
+          popupContents += "<li><a href='https://publiclab.org" + marker.url + "'>@" + marker.title + "</a></li>";
         }
       });
     } else {