Customize Infobox and Click Handler with Leaflet integration

[Tac Tacelosky]

This is probably a pretty simple question, and I'm hoping someone can point me to an example.

I'm moving from a GeoJSON-based map layer on Google Maps to a CartoDb layer on Leaflet. When I click on a point on a GeoJSON layer, the feature is returned as an object, so it's easy to pop up an infobox, make an Ajax call to update some other part of the screen, etc.

How do I do that with a CartoDb layer? I basically want to say "highlight the point nearest to where I clicked on the map, pop up a custom infobox, and fire an event so I can update other data on the page (that's too complex to fit in an infobox).

This seems like it'd be a common thing, can someone point me to an example?

Thanks,

Tac

[Andrew Hill]

Hi Tac,

It sounds like two relevant examples are needed here. First is the pop-up example,

http://vizzuality.github.com/cartodb-leaflet/examples/custom-popup.html

If you look at the source you will see how featureClick is used to get the location and then do something with that click event. You might also find the hover example useful, but maybe not,

http://vizzuality.github.com/cartodb-leaflet/examples/hover-polygon.html

Cheers,

a

--
 
 
 

--

Andrew W. Hill, Senior Scientist 

www.vizzuality.com | @andrewxhill

Map, analyze and build applications with your data

www.cartodb.com

[alani]

Hi Tac,

did you figure something out? I'm also searching for possibilities to update content with an Ajax call. It would be great to see an example!
Thanks!