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.
Related
This web application is for Web and Android. I looked into others like Google, but they have limits.
If you can use it can anyone point me to the documentation for it.
Thanks.
2019 Update:
Apple now has a first-party JavaScript framework for using Apple Maps on the web: MapKit JS documentation.
Original Answer:
There is no officially supported way to use Apple Maps or MapKit on any platform but except iOS and macOS.
That said, here is the JS source for implementing Apple Maps on the web. Some people have been able to create working map views using it (see fruitymaps.com)
If you with a hybrid app means one that is built with a html/js-based framework like Ionic or a hybrid framework like Xamarin or React Native, which will all run in a native app and note solely in a browser, you could absolutely create a plugin that lets you use native map views in the hybrid view.
However, you'd probably have to do some heavy work to get the plugin to cover a basic set of features that it would then translate into equivalent MKMapView and Google Maps operations. Also, if you use a html/js-based framework like Ionic, you would have to present the map in a native view.
If you are just out for something better looking than the Google Maps web map, you could have a look at MapBox (https://www.mapbox.com/). They have a bunch of different styles and ways to incorporate their maps into apps of various types.
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.
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 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...
i want to use data from google maps, especialy the navigation functionality. Is this possible by plugin or wrapping the application?
I want to develop my own navigation service and use GoogleMaps for this.
There are a number of samples available all over the internet which build on top of mapview. Its not a plugin architecture but based on containment model. I think you can easily achieve what you want to do.
You can embed the MapView widget into your application for displaying a map. You cannot use this for some navigation services per the terms of service.
There are no plugins for the standard Google Maps application for Android.