Google maps pour un site mobile
Nous avons un site Web qui utilise la fonctionnalité de cartes statiques de Google Maps pour incorporer des cartes dans des pages. Cela fonctionne sans problème. nous utilisons simplement quelque chose comme ceci:
<img src="http://maps.google.com/maps/api/staticmap?zoom=15&size=512x512&maptype=roadmap&markers=color:red|label:H|42.038322,-87.680260&sensor=false" />
Nous créons maintenant un site mobile pour le même client. Le code lui-même fonctionnera toujours, mais je me demande comment être sûr d'avoir une carte qui ne couvre pas tout l'écran, mais qui reste lisible. Existe-t-il une taille standard utilisée pour les écrans mobiles? J'imagine qu'avec les cartes statiques, il est impossible pour un utilisateur de cliquer pour zoomer si nous utilisons une petite taille, mais l'API standard nécessite JavaScript et beaucoup de navigateurs mobiles ne la prennent toujours pas en charge.
Des idées?
Pour éviter que votre site et la carte statique n'apparaissent trop disproportionnés, utilisez l'une des balises méta viewport :
<meta name="viewport" content="width=780px"/>
Cela indiquerait à un navigateur mobile d'essayer d'afficher la page avec une fenêtre d'affichage de 780 pixels, ou de la redimensionner si la résolution de l'appareil est inférieure à celle-ci.
Il existe plusieurs autres options disponibles dans la balise méta de la fenêtre d'affichage qui peuvent vous aider à vous assurer que votre site ne soit pas trop écrasé lorsqu'il est affiché sur un navigateur mobile.