I am trying to create an indoor map like the below image.This is scrollable/moving in the whole screen.I am not getting what is a right approach to create it .Is this a Google Indoor Map ?
How can i create buttons over an image like this map ?
Please Suggest.
I would recommend using a standard image file / breaking your image into tiles, then making a custom View which loads your map image and captures all the touch events for scrolling and click detection.
If you want clickable overlays you could take two approaches:
Include the buttons in the source image and look for hotspots in the image when it is clicked.
Create a list of co-ordinates within your image to overlay a button graphic, when a click is detected you can compare the position of the click with this list (and a small margin for error).
Personally I prefer the second method and have used it successfully in several projects requiring maps with clickable points of interest.
I got the solution by creating an Imagemap using html and embedded that html in a WebView.
Related
I want to display a custom image below a marker in my Android App. I see no available documentation so that I can execute this.
Have a look at what I want to achieve here. It is like an indicator and should be anchored to the markers and the distance between markers and image should not vary.
I am trying to make an indoor map of a hospital , when i click on certain buildings it would open their respective indoor maps and when i select a certain area of their respective floor it would show me further details.How can I achieve this?
Any suggestions would be appreciated.
P.S I have tried using image view but i can't get the image to scroll freely like a real map or a webview (pinch zoom in/zoom out ,rotation etc).
As you wanted your "floor" to have the behavior of a map you should have look for custom map implementations.
Then you may have found that you can use your own Tile Overlay using a Custom Map Tile Provider as described in Using custom map tiles with Google Map API V2 for Android?
Or if you don't want to use Google, you can look at Open Street Map Android SDK
Ether way you are still responsible for the graphical assets of tile layers. As well as any UI/UX leading to the custom map view.
Alternatively there are third-party libraries for 'deep zoom' of an image which may provide the expected touch behavior like: https://github.com/davemorrissey/subsampling-scale-image-view
You can have rooms as scolling views, with a background view image and buttons where you want to click. Clicking the buttons opens a popup with an image. You can also place transparent buttons on the buildings to have a natural feeling of click to open.
From your question it seems that you don't want to use web view, but you can code a regular html page/web app and use a web view to display it. That way, you only have a screen with a web view to deal with.
Then the possibilities are endless and fun and shifts in the web domain!
I want to code a map application in Android(MinSDK=2.1).
But this map will not use any online features.It will be completely offline.
Also this map shows a high definition image which is drawn by me.I must specify points (like buildings,parkings,cafes...etc) and place little Imageviews on these points.
When needed , screen must move any requested point.
So Is there any sdk,library...etc to do this you know ? Or Should I implement myself.Lead the way pls.Thanks for any help...
I Never faced with the task to create a map of the shopping center (for example)
I did a project using a single image as a map, image was maximum size, but the image quality is not enough. I understand i need many small images. if user scrolling or zoom or fling map i programmatically change images...
but,I do not know where to begin, please help me your solutions
i am developing checkers application for Android. I have drawn on Canvas gameboard and tiles for each side, also I have made selection of tiles by D-Pad. But what about, Android phone doesn't have D-Pad? There must be a way how to do that in touch (I touch a tile - it is selected now). Do you have any ideas?
Thanks
image of my Gameboard can be found here - http://img171.imageshack.us/img171/7814/checkers.gif
Another (easier?) alternative is to use Android's standard Button/ImageButton. You can customize its border and content, if you don't want the default border to show up.
The standard Buttons works with both touch and D-pad; so you can cut the amount of coding you need to make tiles that behave properly under both situations.
Store tile locations in a 2d Array. On the finger down event, check the event location against each tile. When you find the tile that was poked, select it.