@seadudeit's very similar to what we do. As I mentioned in the first response to @Anonymous we do this today for equipment mapping (we show where equipment is located on an office map).
So, we're putting a image of a floor plan on the canvas and then overlaying a gallery just like you did for the map video.
Our challenges were 1) doing a coordinate system that made sense 2) providing an ability to zoom in and out and scroll.
For #1, you know what I'm talking about.
For #2, did a little trick of splitting the floor plan into multiple images all scaled larger (imagine cutting a square into four quarters and making each the size of the original square - or in many cases, multiple scaled images). Then recorded this in a table with four additional columns (leftImg, rightImg, upImage, downImage). Based on that we could diplay an image, know if it had surrounding imaged to "scroll" to and then place navigation arrows on the screen to go to the requested.
Then, on top of that is the gallery with the information to actually map.
The challenge was (as mentioned) coming up with a coordinate system (we chose to use a grid system), store the grid location with the equipment data and then to do the math to place the icon, labels, etc. on the proper places.
A little snip image of it is here. (BTW, there is a black rectangle underneath the image that we place based on if there is no up, down, left, or right. That way the user gets a better feel of the perimeter of the map.)
