Accueil » Une carte sur un iPhone dans une Webview avec Google Maps API v3

Une carte sur un iPhone dans une Webview avec Google Maps API v3

Ecrit par loic le 10/02/2010.
| |

résumé: 
Avec les nouvelles fonctionnalités de l'API v3 de Google Maps, on peut réaliser des cartes complexes dans une simple page html. Il est donc relativement aisé d'insérer une telle page web dans une appli iPhone sans écrire beaucoup de code.
pré-requis: 

Objective-C, XCode, Google Maps API v3



Introduction

Le tutoriel précédent expliquait comment insérer une carte Google Maps dans une appli iPhone. Il est possible aussi d'afficher une page html dans une appli iPhone, et si vous avez lu les différents articles sur Google Maps API v3, vous savez que cette version n'a pas oublié les smartphones.



Afficher une page Web dans son appli

Tout d'abord, créez un simple projet (window based) nommé WebMapView par exemple.
On va directement ajouter une WebView à la fenêtre principale.
Pour le fichier d'interface, WebMapViewAppDelegate.h, rien de bien neuf : 
#import <UIKit/UIKit.h>
 
@interface WebMapViewAppDelegate : NSObject <UIApplicationDelegate> {
    UIWindow *window;
}
 
@property (nonatomic, retain) IBOutlet UIWindow *window;
 
@end

On déclare simplement une fenêtre.
Et pour la classe WebMapViewAppDelegate, on crée une WebView avec l'adresse de la page html où est développée la carte Google Maps.

#import "WebMapViewAppDelegate.h"
 
@implementation WebMapViewAppDelegate
 
@synthesize window;
 
 
- (void)applicationDidFinishLaunching:(UIApplication *)application {    
 
UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,20,320,460)];
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://88.191.39.115/fabien/geotribu/%5bgeotribu%5d_Google-Maps_tuto20.html"]]];
[window addSubview:webView];
[webView release];
     [window makeKeyAndVisible];
}
 
 
- (void)dealloc {
    [window release];
    [super dealloc];
}
 
 
@end

Et voici le résultat.

Conclusion

La conclusion va ressembler à celle pour Android. Si votre application cartographique n'a pas besoin d'interagir de manière forte avec le smarthphone (chercher des contacts par exemple) cela devient plus simple de développer sa carte dans une page Web, et la modification de la carte ne nécessite plus une MAJ de l'appli.


Auteur : Loïc - loic.goblet [ at ] gmail.com



Retour en haut

Bjr, merci pour cet exemple,

Par JLP (non vérifié), le ven, 02/12/2010 - 1:12am.

Bjr,
merci pour cet exemple, simple efficace.
Dire que cela fait 2 heures que je lis la doc américaine !
Alors qu'en 5 minutes j ai tout compris
Merci * 1000