Maison du Libre | Brest - lespetitshackers:ffox
https://wiki.mdl29.net/
2026-05-19T10:12:33+00:00Maison du Libre | Brest
https://wiki.mdl29.net/
https://wiki.mdl29.net/lib/exe/fetch.php?media=logo.pngtext/html2024-04-16T20:26:39+00:00Anonymous (anonymous@undisclosed.example.com)cartegps
https://wiki.mdl29.net/doku.php?id=lespetitshackers:ffox:cartegps&rev=1713299199&do=diff
Exemple Carte GPS non dynamique- Firefox OS
Création de l'application
Créer un dossier gps qui contiendra tout les scripts de votre application.
Fichier index.html :
<!doctype html>
<html>
<head>
<title>Carte GPS</title>
<link rel="stylesheet" href="hello.css"/>
</head>
<body>
<h1>Bonjour tout le monde</h1>
<div id="map" style="width: 320px; height: 480px; text-indent: 0px; border-radius: 10px 10px 10px 10px;
overflow: hidden; box-shadow: 0px 0px 5px gray; text-a…text/html2024-04-16T20:26:39+00:00Anonymous (anonymous@undisclosed.example.com)cartemdl
https://wiki.mdl29.net/doku.php?id=lespetitshackers:ffox:cartemdl&rev=1713299199&do=diff
Exemple Carte - Firefox OS
Création de l'application
Créer un dossier carte qui contiendra tout les scripts de votre application.
Fichier index.html :
<!doctype html>
<html>
<head>
<title>Carte MDL</title>
<link rel="stylesheet" href="hello.css"/>
</head>
<body>
<h1>Bonjour tout le monde</h1>
<div id="map" style="width: 320px; height: 480px; text-indent: 0px; border-radius: 10px 10px 10px 10px;
overflow: hidden; box-shadow: 0px 0px 5px gray; text-align: center;">…text/html2024-04-16T20:26:39+00:00Anonymous (anonymous@undisclosed.example.com)carteopenlayers
https://wiki.mdl29.net/doku.php?id=lespetitshackers:ffox:carteopenlayers&rev=1713299199&do=diff
Exemple Carte GPS avec OpenLayers - Firefox OS
Création de l'application
Créer un dossier gps qui contiendra tout les scripts de votre application.
Fichier index.html :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>OpenLayers Geolocatio…text/html2024-04-16T20:26:39+00:00Anonymous (anonymous@undisclosed.example.com)gpsdyn_map
https://wiki.mdl29.net/doku.php?id=lespetitshackers:ffox:gpsdyn_map&rev=1713299199&do=diff
Un point suivant la position GPS ...
Probématique
Le script (ci-dessous) position un cercle sur une carte indiquant la position de l'utilisateur.
Il est basé sur le Geolocation API et OpenLayers.
Le code ...
<!DOCTYPE html>
<html>
<head>
<title>Test Geolocation</title>
<!-- OpenLayers -->
<script src="http://osm.osv/OpenLayers.js"></script>
<script src="http://osm.osv/OpenStreetMap.js"></script>
<script type="text/javascript">
var idEl = function( id ){ return document.…