diff --git a/app/assets/javascripts/map.js.coffee b/app/assets/javascripts/map.js.coffee
index 26f2c259b..e70a65f4c 100644
--- a/app/assets/javascripts/map.js.coffee
+++ b/app/assets/javascripts/map.js.coffee
@@ -70,9 +70,18 @@ App.Map =
$(zoomInputSelector).val ''
return
- contentPopup = (title,investment,budget) ->
- content = "#{title}"
- return content
+ openMarkerPopup = (e) ->
+ marker = e.target
+
+ $.ajax 'investments/' + marker.options['id'] + '/json_data',
+ type: 'GET'
+ dataType: 'json'
+ success: (data) ->
+ e.target.bindPopup(getPopupContent(data)).openPopup()
+
+ getPopupContent = (data) ->
+ content = "#{data['investment_title']}"
+ return content
mapCenterLatLng = new (L.LatLng)(mapCenterLatitude, mapCenterLongitude)
map = L.map(element.id).setView(mapCenterLatLng, zoom)
@@ -88,8 +97,11 @@ App.Map =
if addMarkerInvestments
for i in addMarkerInvestments
- add_marker=createMarker(i.lat , i.long)
- add_marker.bindPopup(contentPopup(i.investment_title, i.investment_id, i.budget_id))
+ if App.Map.validCoordinates(i)
+ marker = createMarker(i.lat, i.long)
+ marker.options['id'] = i.id
+
+ marker.on 'click', openMarkerPopup
toogleMap: ->
$('.map').toggle()