I'm working on indoor navigation application, I need to build map with 3D overlays, in addition I need to move, zoom and rotate the map using the touches.
so when I searched about that I found google maps API and some strong libraries such as LibGDX, I worked on LibGDX with TiledMap, but I faced some problems in touches and animation, so I think the google maps API is more powerful.
can I use google maps API for indoor maps only, like this image:
if yes, please tell me because I'm not starting to learn it yet, else, what the best library can I use to do that and if there is good tutorials?
I will be grateful for help.
Alright, in my opinion you have tow major choices:
You do it appropriatly with a real mapping software. Then I would suggest you to use cityGML or indoorGML, especially when you have navigation in mind. There are tools like Esris city engine, deegree 3D or 3D city DB which might be of help. Then there are things like the ArcGIS API for building your application - but beware, the implementation on mobile devices is very buggy in my experience. There are also free Java city/indoorGML libraries that you can use, not sure on their support for Android though.
Meanwhile Google Maps API is supposed to support 3d as well, but I doubt it works for real 3d as I've not seen custom buildings yet. There might be a compromise using Google Earth API and overlay it with a KML indoor model. The possibillities are of course restricted with KML, on the other side, city and indoor GML is fairly heavy workload while sketchup and KML is lightweight.
The maybe better way would be quick and dirty: Make a browser application using WebGL. Then you can use JS libraries like ThreeJS which is fairly easy. This has the advantage to be platform independent, very customizable and well looking, the Android Chrome browser supports WebGL as well. For navigation you would have to build your own logic.
Related
I have been working on hybrid application development and web application using cordova, jquery and backbonejs.
I have the following features to be implemented.
1. adding markers
2. Overlaying list window
3. Overlaying pie-chart
4. Define/add/remove/change geo-fence using polygons
I have two options to implement the google maps v3 in the application.
Using jquery-map-ui v3
Directly loading the map from the google server
Which option is the best one to implement ?
Since your question is only tagged for android I would suggest you to use https://github.com/wf9a5m75/phonegap-googlemaps-plugin. It provides a javascript wrapper to leverage the native Google Maps on iOS and Android. It supports a lot of features out of the box, like markers, polygon drawing, several types of overlays, etc If you are not targeting other platforms than Android or iOS I would certainly use this one as, being native, it is very responsive.
If your map needs complex customization(customized popup, customized icons, customized lines etc), my suggestion is the section 2 because you could get many 3rd party plugins to work with your app.
However, there is no doubt that if you only need a simple map, jquery-map-ui is a better option.
In our app we do use the Google Maps API a lot. The app (web) is build in Jquery, CSS, HTML.
The app runs in the browser.
But we like to add the navigation functions like the Android Google Maps native in our webapp.
Is that possible with the Google Maps API or do we need to convert to native to realise
something like that?
I just wrote a long winded answer introducing the Directions service, luckily I re-read the question before answering...
No there is no Javascript equivalent of the android navigation services unless I'm very much mistaken. I imagine it would be possible to create a custom solution (I presume you want the route to update as you travel based on your gps coords etc) leveraging the route-parts returned from a directions request but this would be none trivial.
I would have thought the simplest solution would be to pass the start and end points of your route to the native maps app, however I am no expert at Android development (or interaction between a web app and a phone).
I'm using PhoneGap (3.0) to build an Android/iOS application.
The application revolves around maps and I came to the conclusion that loading tiles from a distant service like OpenStreetMap for example is way too slow and depends too much on 3G.
Is there a way to store tiles inside my application?
If yes, where can I find some documentation, code snippets, etc?
This depends on whether you are planning to use your own custom maps or want to use a 3rd party mapping service and therefore want to cache their tiles offline.
In the first case, I have some experience of this; I've produced a series of guided walk apps which use large custom maps I drew in Adobe Illustrator. See my stackoverflow question and subsequent answer for details, but in summary I used a tool called pngnq to create highly compressed 256 colour 8-bit PNG tiles of my maps which were small enough that I could bundle several zoom levels of tiles along with each app. I ended up implementing a custom mapping solution to enable fast enough performance of map scrolling and zooming when using my Phonegap app on older Android devices.
In the latter case, if you plan to store 3rd party tiles offline, you should first check that you aren't violating the terms of use - some mapping providers specifically prohibit offline caching of their map data.
Assuming this is OK, you may want to consider using leafletjs to power your maps. You may want to check out this blog article on HTML5 Offline mapping and this Phonegap-specific one. Both have links to proof-of-concept apps on GitHub where the source code is available.
Hope this helps!
I'm looking for a platform for showing custom maps on android mobile phones and tablets.
It seems like Google's MapView is the most common (or the only?) maps platform for the Android, but my problem with it is that I can't use my own custom maps with it.
Is there any 3rd party custom maps platform for the Android? If not, can someone please try to lead me into a way to implement my own solution?
I need all the basic map features such as - Panning, zooming, layers.
I'm still very flexible with methods of how to implement my map data, so every suggestion counts!
Thanks!
OpenStreetMap supports offline and online maps. OSM API has all the features that Google Maps API has, same (almost) principles apply on OSM as they do on Google Maps.
For the #Spacedman answer, yes you can integrate the HTML that contains the js with OpenLayers in WebView
OpenLayers (mobile version) plus Javascript? Assuming you are making a mostly standalone app then I'm not sure about how well it all works running off local URLs instead of a web server, but I can't see any problems that can't be solved one way or another.
Can you tightly integrate it into Android apps? I don't know, I assume you need some kind of web page view part and send it to your HTML that uses OpenLayers javascript for the mapping...
We need a graphical component (view) for rendering maps from any WMS services for Android andn iOS. My researches only show that there is basically only the Google Maps API available as Android/iOS library (MapView).
Before programming a WMS view lib by ourselves, are there any (free or licensed) WMS view libraries for those OSses available, which can be used in own apps? We tried using OpenLayers in a WebView, which is not really satisfying from a performance point of view.
thanks for your help
I think this will fit your requirements:
https://confluence.prodevelop.es/display/GVMN/Home
From their homepage:
gvSIG Mini is a free viewer of free access maps based on tiles
(OpenStreetMap, YahooMaps, Microsoft Bing, ...), with a WMS, WMS-C
client, address and POI search, routes, hybrid location and many more
things. It runs with both on/off-line modes.
While it is packaged as an application rather than a library, the source is available (GPL) so you should be able to extract what you need:
https://confluence.prodevelop.es/display/GVMN/Android+Download
https://svn.prodevelop.es/public/gvsigmini/
I have tried using Osmdroid API for this, but still without success. This requires modifying several java classes as XYTileSource and BitmapTileSourceBase.
osmdroid - OpenStreetMap-Tools for Android
There are applications in the Android Market that can make this work perfectly as OruxMaps but not have an API for development. : (
Nutiteq SDK can do this. WMS sample works with EPSG:4326, but SDK supports also other projections and you can modify the map class to use those. Disclaimer: I'm the developer of it.
Update in 2016: updated links, removed obsolete 3 year old references
Look at OpenStreetMap. It provides maps for both iOS and Android
http://wiki.openstreetmap.org/wiki/Apple_iOS
http://wiki.openstreetmap.org/wiki/Android
Api - http://wiki.openstreetmap.org/wiki/API_v0.6
Hope, this helps you.
We are using the openlayers client. Yes I know it's a Web Client but you can use it in your WebView.
http://openlayers.org/
https://openlayersbook.github.io/ch10-openlayers-goes-mobile/example-01.html
I have a few apps with openlayers maps. Some of these uses online map servers and some uses tiles stored inside the app (offline maps).
For interactions with webView, we use JavaScriptInjections