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.
Related
I am having mobile compatible website, it is highly responsive and do all what I need in mobile.
I just like to have an android/ios application, either it can represent my website as container.
Do we have any tool for the same. Is there any way to achieve it, as I do not want to use any mobile hardware like camera, geolocation and any other.
If any container of android or ios can provide a simple interface by opening my site in it, it will be a great option.
Kindly share your view on the same.
Have a look at this article about layouts.
A mobile application provides a different user experience than a mobile website. In your case if you don't want to use the mobile version of your site in the browser, then you need to create an application with a native UI.
For Android:
In my opinion, you should consider using the Empty Activity template from Android Studio to add a WebView inside it that will point to your website.
For iOS:
Seems like iOS Dev kit has the same kind of view.
For Windows Universal Apps:
Their Dev Kit has it as well.
Alternative:
If you feel more comfortable with web technologies, you can consider using Apache Cordova to build a mobile app from web sources.
Conclusion
All the native solutions presented are not that hard to implement (Less than a few hours), they just need you to play a little bit around with the native developing.
Cordova, the web-to-mobile solution, would also need you to play around with it.
Happy mobile developing !
I'm developing an Ionic app that allows the user to select a point of interest and edit the data. To do so, I need to display a map. I've tried using Google Maps, Leaflet, Bing Maps and they work fine (some are a little bit laggy) but a co-worker warned me that the performance would get worse if I started showing all the markers. (I know that I can use plugins to cluster, but thats not the point).
My supervisor said that it would be better if I used native mobile maps. When the app is launched in Android, the map shown to the user would be the android native map and the same thing for iOS.
Can someone explain if this is even possible? I googled it already but I couldn't find any good alternatives.
Thanks!
I think a way to achieve this is to detect the platform and use specific code for each :
PhoneGap - Detect device type in phonegap
(Ionic is based on phonegap/cordova)
You can also develop a cordova plugin who use differents API from each platform. There is already a cordova plugin for maps, but who only works on ios and android, and only with google map :
https://github.com/mapsplugin/cordova-plugin-googlemaps
Hope this help
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 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...