Displaying points in my image map

This is my scenario in a nutshell:

I am making a website for a restaurant.

The restaurant owner will upload an image of their restaurant plan (example: http://cache.smartdraw.com/examples/content/Examples/SmartDraw/Floor_Plans/Restaurant_Plans/Family_Restaurant_Plan_L.jpg ). He will then note that there were tables available for booking in the image. These coordinates will be stored in my database.

The user, on the other hand, will be able to click on these points (tables) and order a table. The coordinates of the image map will be generated dynamically according to the points that have been submitted by the restaurant owner. Therefore, I cannot have an image with already icons on it.

Is there a way that I can display some icon on the image map where the coordinates are? To make the points visible to the user.

0


a source to share


2 answers


I can think of several options:



  • Create an image map on your server using something like GD for PHP and place the icons wherever you want.
  • Use Javascript / CSS to place the icons you want on the HTML page
  • Using Flash to Create Icons Dynamically
0


a source


I think you can use ItemizedOverlay in this case.



0


a source







All Articles