focus au demarrage sur une carte google maps

Marsh Posté le 10-07-2012 à 09:36:10

Bonjour,

Pour utiliser la navigation au clavier sur une carte google maps, j'ai besoin d'effectuer un clic sur cette map avant de pouvoir utiliser le clavier (+,-, et flèches directionnelles), Mais je n'y arrive pas! Il faut imperativement clicker sur la carte avant de pouvoir naviguer avec le clavier

J'ai utilisé le document.getElementById.focus() puis le document.getElementById.click() sans résultat. Je les ai placé dans un évènement onload dans la balise <body>, puis me disant que toute la page n'était pas chargé, je l'ai mis directement dans le javascript.

Code :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8" />
<title>Titre de votre page</title>
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0;
padding: 0
}
#gg {
height: 100%
}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialisation(){
var centreCarte = new google.maps.LatLng(47.389982, 0.688877);
var optionsCarte = {
zoom: 8,
center: centreCarte,
mapTypeId: google.maps.MapTypeId.ROADMAP,
keyboardShortcuts: true
}
var maCarte = new google.maps.Map(document.getElementById("gg" ), optionsCarte);
}
google.maps.event.addDomListener(window, 'load', initialisation);
document.getElementById('gg').click()
</script>
</head>
<body>
<div id="gg"></div>
<noscript>
<p>Attention : </p>
<p>Afin de pouvoir utiliser Google Maps, JavaScript doit �tre activ�.</p>
<p>Or, il semble que JavaScript est d�sactiv� ou qu'il ne soit pas support� par votre navigateur.</p>
<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez � nouveau.</p>
</noscript>
</body>
</html>

La console d'erreur indique "document.getElementById('gg') is null". Une solution?

merci.

Reply

Marsh Posté le 10-07-2012 à 09:36:10

Reply

Marsh Posté le 10-07-2012 à 11:25:06

Bonjour,
je ne crois pas qu'il soit possible de donner le focus à une div.
Sur cette page, tu verras comment on peut contourner le problème en passant par les événements.

---------------
Bel ours Vave, je me dois de l’admettre. -Skyl"win"- Mais toi tu es intelligent -Homerde- - Ce génie -SkylWINd- JDD S16M72 10:43:46 GMT-DTC +1

Reply

Marsh Posté le 10-07-2012 à 14:13:50

merci, c'est exactement ce que je souhaite faire, mais le code fonctionne pour la V2 de google maps, pas la V3

Reply

focus au demarrage sur une carte google maps

Sujets relatifs:

Leave a Replay