Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have image map in .png format. All I need to do is to add a sidebar where users click on for example "restaurants" and pins with restaurants will show on an image map. When user mouseover a pin, it will show some more informations. I would like to do it in Javascript, but not with Google Maps. I have really small amount of pins for four different categories. What is the best way to do it in Javascript?

share|improve this question
up vote 2 down vote accepted

there are some nice JavaScript project to deal with maps (also "little" maps like yours :) ).

I recommend to take a look to Leaflet, which is a really lightweight and simple to use library (

On the other hand you have OpenLayers which is a really powerful and complete library (

These can help you with the maps, pins and popups. On the other hand you need to handle your categories, for example, creating some buttons, listening for click events on them and showing/hidding some pins on the map. I'm supposing you have no problem on this second task. Remember great projects like jQuery+jQueryUI or Dojo can help on that part.


share|improve this answer
So I can overlay image there or? Thanks. – againstflow Sep 2 '12 at 13:22
With OpenLayers you can create layers that simply points to an image. All you need is to know the bounding box of the image. – EricSonaron Sep 3 '12 at 19:56

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.