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

snowy213 · 2008-12-21T02:06:45.000Z

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,

Snowy213

emj · 2008-12-21T02:26:58.000Z

What is web map lite?

snowy213 · 2008-12-21T02:42:11.000Z

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

emj · 2008-12-21T06:40:08.000Z

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.

snowy213 · 2008-12-21T17:46:17.000Z

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:

YO

Home About Suggest a restaurant Contact

snowy213 · 2008-12-21T17:48:36.000Z

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.

Marine

emj · 2008-12-21T19:28:33.000Z

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

I should have mentioned OL.

snowy213 · 2008-12-21T22:17:06.000Z

Ok I will do that. Thank you.

emj · 2008-12-22T12:03:15.000Z

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.

Lambertus · 2008-12-22T12:51:55.000Z

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…

http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example
http://wiki.openstreetmap.org/wiki/Openlayers_POI_layer_example
http://wiki.openstreetmap.org/wiki/OpenLayers_Dynamic_POI

Mourner · 2009-02-10T11:10:52.000Z

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.