How should I create layout floorplan map of a building with markers on it?

ionic-v1
1

Hi,

I’m making an app for a visitor centre.

I want to be able to view and scroll/zoom around a jpeg/png image of the floorplan of this centre with markers above various exhibits within the centre.

I will then tap a marker and then it will show me more information about it.

A good example of this is in the ‘Explore 9/11’ ios app. Here are a couple screenshots:

image
image1.png360×640 192 KB

If you can help with any advice at all, I would greatly appreciate it.

Thank you,
Jake

2

Hi Jake, do you found any solution for this? i’m about to create the similar function of app. Would you like to share about it? Thanks.

3

Hi,

At the moment, I’m using a leaflet map with an image overlay. It is ok.

Here is the directive I am using for it: http://tombatossals.github.io/angular-leaflet-directive/#!/

4

I see … thanks for the reply and sharing…
Will look into it. :grinning: