iPhone apps with HTML5 with google Maps - iphone

I'm developing a web app with google maps and i'm now looking to transfer it to an iPhone app, probably using phonegap as it allows html5 coding for phone apps.
My question is- will google maps display ok on an iphone app?
regards,
Matt

I just made a Taxi ordering app using HTML5 (PhoneGap). Problem with Google Map api was that it was very slow. We decided to use MapKit instead. Google maps looked fine though.

Yes, If you going to use HTML, google maps should run fine on iPhone. But if going to submit to the App Store it might be rejected or its going to be slow.

Related

How to launch Google Maps on iPhone via web link?

I am building a site that will have address links as well as image of a map - both of which have a link to Google Maps.
The problem is that when I click on these links using my iPhone - or any address link that shows up in an email, the result is that either the native Apple Maps app opens or the Google Maps in the browser. I want for the native Google Maps app to open every time, and ideally for every user (whose iPhone I have no control of).
If I use the Chrome app for iPhone, then there's a little trick to do this:
http://www.redmondpie.com/how-to-set-google-maps-for-iphone-default-app-for-opening-map-links/
But the reality is that the trick above will not open the Google Maps app. It will open the web version of Google Maps inside the Chrome app. Then an icon shows up at the bottom asking if you want to open the native app instead. This is better than nothing, but far from ideal. I appreciate any help. Thank you. BTW, I'd like to do this without jailbreaking the iPhone - I'm looking for a solution that will work with other people's iPhones.
You can use apple's interface which is a bit more intelligent when using different browsers and devices:
http://maps.apple.com/?q=51.507269,-0.127695
Clicking the above url on the following devices:
iPhone|iPad:
Opens Apple maps app
Android:
Gives you a choice to open in either Google Maps App or Google maps website
Windows Phone:
Opens Google maps mobile website
Windows 8 Desktop:
Opens Google maps website
Apple OS Desktop:
Opens the new maps app (Mavericks)!!
For more info see:
Apple URL Scheme Reference
To open Google native app you need to write:
[[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:#"comgooglemaps://"]];
Example :
comgooglemaps://?q=Pizza&center=37.759748,-122.427135
I just tested this and it worked in pulling up Google Maps instead of the default Apple Maps application.
Testing Maps
However, after deleting the Google Maps app for iOS, the link fails to open anything because that schema is no longer available and doesn't fallback to a generic maps link... almost seems like you would need to provide two links for Google Maps for iPhone and another generic Apple Map link...
Take a look at this.
It works on every device (for ios / android, it will launch google maps app else browser).
For other devices, it will launch browser.
Simple use case would be:
Construct universal map URI (with encoded params)
Use this URL like -
window.open(mapUrl, '_system');
More info for window.open here
My use case required to open existing in app map navigation into some another dedicated maps app (preferably google maps app) for ios and android devices.
I use ionic v1 + cordova for building native apps. Not sure if this is perfect for your use case but hope this helps.

Which tools is easy and good to design app for android and iPhone?

I would like to design a app for android and iPhone. App will consist of min 10 text pages and search function at the top. which tool is better for designing such a app.
Thanks for help in advance.
If you're trying to create an app that will work on both platforms, the only real choice is to create an HTML5 Web Application (skinned for mobile devices) that can work offline.
If you need some guidance, I would check out:
Mobile HTML5 - Tutorial: Your First Mobile HTML5 App
The second part of the tutorial discusses how to make your app available offline.
Titanium Appcelerator seems to be a good way to do that

How to initiate/send SMS from a HTML5 webpage using devices native functions?

I am wondering how can I open the send SMS application by using a web control of a HTML5 page on Android and iPhone. I want to use the device native SMS sending app, with a prepopulated value from the web.
Further to other answers I can confirm that smsto:555:bodytext does not work on an iPhone running iOS5.
What does work (and I've tested it) on Android is the format:
sms:444?body=hello
Example:
Tap to say hello!
On iPhone the ?body=hello will prevent it working at all, and you should use just sms:555 instead.
sms:555
Example
Tap to text us!
I have tested the below and it works:
Using HTML Anchor tag:
Subscribe
Using JavaScript:
window.open('sms:111?body=SUBSCRIBE', '_self');
With Android 3.0 SDK Google has started exposing API in HTML5 for device access. An example is listed here. It may not be enough for what you seek to do.
I dont know enough about iphone to advise either way.

can i use iphone's APIs in my web applications?

i want to create an iphone web app using windows
If you mean writing an iPhone app using HTML and JavaScript, look at PhoneGap. This lets you create an actual iPhone app that can access the camera, GPS, etc.
Consider:
http://cappuccino.org/

Bing maps for iPhoneSDK

Does anyone know how to create simple iPhone app using bing maps?
The Bing Mobile/Bing Maps team released a new Bing Maps iOS SDK for iPhone and iPad in early May 2011. You can download the SDK here and read about the details in this blog post.
Personally I would start by reading their API and figure out which services to use
You may also find that the Bing Maps V7 AJAX control used with PhoneGap gives you a lot more power. Using this approach you get the full power of Bing Maps and the ability to then re-use your application accorss not just iPhone and iPad, but other mobile devices as well.