1
05 fév 2010



Introduction


La dernière version de Google Maps API v3 permet d'utiliser des fonctionnalités des smartphones dont ceux qui tournent sur Android.
L'intérêt de séparer le développement de la carte (une page thml avec du javascript) et l'appli Android qui affiche simplement une page web est de profiter de la souplesse qu'offre une page Web. Si on veut changer quelquechose, pas besoin de faire une nouvelle version de l'application, il suffit de modifier sa page et donc sa carte. Ce tutoriel va donc être paradoxalement simple, car la partie cartographie est traitée dans les tutoriaux Introduction à Google Maps API v3 et Marqueur, événement et devices.

Afficher une page Web dans une application Android


Dans votre layout principal, déclarez l'utilisation d'une Webview :


android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
android:layout_height="fill_parent" />


Le code de l'activité principale est assez simple aussi, il suffit de charger la bonne adresse de la carte dans la Webview :

public class MainActivity extends Activity {
WebView mWebView;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl("http://88.191.39.115/fabien/geotribu/%5bgeotribu%5d_Google-Maps_tuto20.html");
}
}

N'oubliez pas de déclarer une permission dans le manifest pour aller sur Internet :


package="com.mooveatis.tuto"
android:versionCode="1"
android:versionName="1.0">
...
...



Et c'est tout.

Conclusion


Voilà comment afficher une carte d'une page html qui utilise Google Maps Api v3. C'est une méthode très simple pour afficher des cartes, cependant on ne peut pas vraiment interagir entre le programme Android (et donc le téléphone et son utilisateur) et la carte. Il s'agit d'un simple affichage. Pour que l'utilisateur puisse par exemple, créer un nouveau marqueur et le visualiser, il faudra passer par une MapView, ceci sera expliqué dans un prochain tutoriel.



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

A propos de l'auteur: 

Commentaires

Merci pour ce tuto, qui m'a bien aidé. J'ai juste un problème, j'aimerais ajouter une scrollbar horizontale avant de naviguer plus "intuitivement" sur ma carte mais dois-je rajouter le code dans la partie java android ou dans la partie html de ma page?
Sous Eclipse j'ai essayé : mWebView.setHorizontalScrollBarEnabled(true); mais je n'affiche rien, et lorsque je met cette appli sur mon android je ne peux pas bouger la carte en touchant l'écran. Est-ce du au fait que j'ai créer ma carte avec OpenLayer?