I'm creating mobile version of company site and I wonder if there is possible to make navigation snippet that will be part of page, opened with mobile browser such as WebKit or Safari (Android, Windows, iOS devices) and will display route from current to fixed place (compay office)?
Something like navigation. All with jquery mobile + Google Maps API and...? maybe is something else needed?
Some advises?
well you can use the GOOGLE MAPS API V3. check the Google Code Playground.
You can also check Docs APIV3
You'll also need to make use of Google Maps Direction Service
You can get your current location using html5 directly. Geolocation in HTML5.
That should definitely work with jQuery Mobile and the Google Maps API. It has been done before by other users. A great place to look for more information on using the two together is the jQuery Mobile forum - http://forum.jquery.com/jquery-mobile
Related
I am building a hybrid mobile app using the ionic framework utilizing the google maps javascript api with geolocation. I followed the sample code from their site and the app runs fine when i run on the browser but when i test on my android device, the map loads perfectly but the geolocation does not work at all. Any help/tips?
i things you used ngCordova Plugins
its plugins used for getting current location of device [lat,lng] and its latlng to display in your map.
thanks and good luck.
I have links that go to Google Maps, but now since Apple updated to their own service my iPhone goes to the Google Maps website. Is there a way in HTML to show the Apple Maps link, when it's iOS6, and show the Google Maps link for all other devices. I am using ASP.NET MVC.
The solution is even easier than that and won't require any conditional statements:
When clicked from an iOS6 device, links to
maps.apple.com/maps?q=cupertino are opened in Apple's native
mapping application.
But on other mobile devices and computers, it redirects to Google
Maps (at maps.google.com/maps?q=cupertino) instead.
So at this point, all you need to do is include the Apple Maps link and it should work as expected on non-iOS devices.
I mentioned this in a recent post that also touches on whether the same parameters can be used.
I have to let user know their current location (street location) with Google Map, on my Website which will be accessing via Mobile Phones / Mobile Devices. How can it be done?
Note: Direct via Website. No native App will be using.
For starters, this will only work on a mobile phone that supports W3C Geo API. You can find that list on quirksmode.org.
Given a mobile phone that supports this, follow the example in the Google Maps API docs where you use the GeoLocation API to get your longitude/latutide, and then use the standard Google Maps API to center a map on screen at this location.
I read somewhere (I've forgotten where) that it is now possible to link to the native Google Maps iOS app from the mobile Safari browser by using the maps:// protocol and that the app will now allow the importation of a KML file. I have tried several different linking URLs but I can't seem to get any of them to work. Does anyone know the correct format of this URL using the maps:// protocol with a KML file? Any help will be greatly appreciated!
As far as I see there is no such option.
Apple Developer Documentation on Map Links
You can start the Google Maps iOS native app by just redirecting to the Google Maps website:
Cupertino
Regarding the KML the native app will not pick it up (from the link above):
The rules for creating a valid map link are as follows: ...
A parameter cannot be q=* if the value is a URL (so KML is not picked up). ...
Apple URL Scheme Reference: Map Links
http://maps.apple.com/?q=cupertino
Note: since iOS 6, you have to convert all map requests from "maps.google.com" to "maps.apple.com" for the iOS map to activate.
Starting in iOs 6, you should link via HTTP to maps.apple.com, such as:
http://maps.apple.com/?daddr=San+Francisco,+CA&saddr=cupertino
If accessed from a non-iOs device, that link currently redirects to the equivalent Google Maps search. In the future, Apple might do a web-based map viewer of their own.
See full documentation here:
http://developer.apple.com/library/ios/#featuredarticles/iPhoneURLScheme_Reference/Articles/MapLinks.html
I went through google maps website.I got code form there for Google map Api.But this is not working on my mobile.I think javascript is not working.What is exact way to integrate google map for mobile browser ?
Thanks
An example using PhoneGap and jQuery Mobile is here
Today, almost mid-end to high-end mobile web browser support javascript. I think you don`t need to afraid to implement google api on it. But there is an alternatve way using google static map, it showing image and use no javascript. you can try it out here