[Résolu] insertion d'une map avec phonegap - inserer une map dans mon code par anougbro2 - page 1

Bonjour,
j'ai un énorme soucis, je débute en programmation et depuis un bon bout je tourne en rond ne sachant pas comment intégrer la géolocalisation avec phonegap dans le code,
je travail avec Dreamweaver cs6.
aider moi je vous pris a résoudre mon problème.
pardonner moi si aussi j'ai mal poster mon commentaire je suis novice

et tout les tutos que j'ai pus voir sont en anglais

voici mon code

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>Application Web jQuery Mobile</title>
<link href="../jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="../jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="script/ajax.js"></script>
<script src="../jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>


</head> 
<body>
<div data-role="page" id="page5">
	<div data-role="header">
		<div class="entete"><h1>Aides</h1></div>
	</div>
<div class="conticon"><a href="#page"><img src="images/im/home1.png" width="12.5%" height="12.5%" alt="home" title="ACCUEIL"></a><a href="#page"><img src="images/im/Hospital.png" width="12.5%" height="12.5%" alt="hopitals" title="hopitals"></a> <a href="#page2"><img src="images/im/medcin.png" alt="" width="12.5%" height="12.5%" title="voir un medecin"></a> <a href="#page3"><img src="images/im/pediatrie.png" alt="" width="12.5%" height="12.5%" title="trouver un pediatre"></a> <a href="#page" title="Pharmacies"><img src="images/im/pharm2.png" width="12.5%" height="12.5%" alt="Pharmacies"></a></div >
<div data-role="content">
contenue
</div>
	
	<div data-role="footer">
		<h4>Pied de page</h4>
	</div>
</div>

<div data-role="page" data-theme="b" id="page2">
      <div data-role="header">
        <a data-role="button" data-direction="reverse" data-rel="back" data-transition="fade" href="#page1" data-icon="arrow-l" data-iconpos="left">Retour</a>
        <h3>
          essai insertion carte
        </h3>
      </div>
      <div data-role="content">
        <h2>
          Page 2
        </h2> <p id="geolocation">vous êtes ici</p>
      </div>
    </div>
  </body></html>

// JavaScript Document
// Attendre que PhoneGap soit prêt
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // PhoneGap est prêt
    //
    function onDeviceReady() {
        navigator.geolocation.getCurrentPosition(onSuccess, onError);
    }

    // Fonction de callback onSuccess, reçoit un objet Position
    //
    function onSuccess(position) {
        var element = document.getElementById('geolocation');
        element.innerHTML = 'Latitude : '                + position.coords.latitude          + '<br/>' +
                            'Longitude : '               + position.coords.longitude         + '<br/>' +
                            'Altitude : '                + position.coords.altitude          + '<br/>' +
                            'Précision : '               + position.coords.accuracy          + '<br/>' +
                            'Précision de laltitude : ' + position.coords.altitudeAccuracy  + '<br/>' +
                            'Direction : '               + position.coords.heading           + '<br/>' +
                            'Vitesse : '                 + position.coords.speed             + '<br/>';
    }

    // Fonction de callback onError, reçoit un objet PositionError
    //
    function onError(error) {
        alert('code : '    + error.code    + '\n' +
              'message : ' + error.message + '\n');
    }

je ne sais vraiment pas comment ça marche
merci infiniment de m'aider

insertion d'une map avec phonegap

inserer une map dans mon code

insertion d'une map avec phonegap

Supprimer

Modérer

Signaler le message aux modérateurs