Web Map Lite: When user click on icon, I want to show set of option

When user click on icon, I want to show set of option. I was trying to use a flash swf file as the icon but it did not work.
I just want to do something google map like: when you click on a location on the map you see a little description of the location (name of the store, phone number, address, etc). I would like to do something similar.

How can I do that?

Thank you,


What is web map lite?

It is this: http://www.cloudmade.com/products/web-maps-lite

Well reading their javascript docs I don’t see how you can do that in in the same easy style as in Google maps. But you can easily have a small info box out side the map, with event listeners + icons/markers.

There is also an Anchorpoint of markers so you should be able to draw your own stuff on the map as well.

I found here what I want to do: http://wiki.openstreetmap.org/wiki/Openlayers_POI_layer_example
It is working fine on its own with the openstreetmap API.

But I am not managing to integrate it with the cloudmade API.

Here is my code:

Home About Suggest a restaurant Contact

EMJ>> I am going to try what you proposed as a quick fix for now. But ultimately what’s in my previous post is what I want to do.

Thank you for your help.


Go with Open Layers, it’s complicated compared to the Cloudmade one, but it has more features.

I should have mentioned OL.

Ok I will do that. Thank you.

And if you can please show us what you did, as you can see there is a certain lack of good examples on how to do these things.

There are a few OpenLayers examples in the OSM wiki which might be of interest. I’m not sure of the code quality of those examples though…


It is now possible to do with the latest Web Maps Lite release, see the example here: http://developers.cloudmade.com/projects/web-maps-lite/examples/10
And documentation here: http://developers.cloudmade.com/wiki/web-maps-lite/Documentation

You would want to use CM.Marker#bindInfoWindow method in your case.