Weblog W3Positive

Comment obtenir automatiquement les coordonnées GPS en longitude et latitude d'une adresse ? Grâce au geocoder de Google, que vous pouvez interroger en Javascript ou en PHP.

» Lire la suite

Comment adapter l'affichage d'une carte aux données qu'elle contient ? Un peu de calcul sur les coordonnées, et un bon usage de la fonction getBounds(), qui retourne les coordonnées des extrêmes affichés, nous permettront de fixer le centrage et le zoom adéquats.

» Lire la suite

Un des exemples de notre précédent billet sur les fenêtres d'information Google utilisait un tableau de données, stocké dans un fichier javascript. Il serait bien plus élégant d'utiliser un format standard d'échanges de données, comme XML ou JSON, que nous vous présentions il y a quelques mois.

Ces données peuvent êtres produites dynamiquement à partir d'une base de données. Google facilite le chargement asynchrone de données, nous allons en développer un exemple.

» Lire la suite

A présent que nous savons ajouter des marqueurs sur notre carte, nous voudrions les rendre réactifs, par exemple pour afficher une petite fenêtre d'information au clic ou au survol.

» Lire la suite

Poursuivons notre voyage au pays des cartes Google Maps : Nous savons

- créer une carte basique centrée selon nos désirs

- configurer son aspect

Nous allons à présent ajouter les fameux petits marqueurs qui indiquent la localisation d'un endroit donné.

» Lire la suite

Dans notre dernier billet nous présentions des Google Maps basiques. Nous avons la possibilité de proposer aux utilisateurs un certain niveau de contrôle sur le positionnement ou le zoom de nos cartes, ainsi que sur leur aspect (satellite ou plan).

» Lire la suite

Comment mettre des données d'adresses (liste de cafés à narguilé de notre site France-Chicha), liste de lieux accessibles du site Jaccede.com, des membres du site Peuplade.fr,...) sur une carte ? Plusieurs API existent (Yahoo Maps...), nous allons étudier celle de Google Maps. Visite guidée de cette API en plusieurs billets.

» Lire la suite

Les expressions régulières permettent de vérifier ou corriger des chaînes de caractères obéissant à un certain motif. Un exemple simple serait la validation d'un numéro de téléphone : il ne contient que des chiffres, ou éventuellement si on l'autorise, des chiffres et les caractères . - ou espace. Pour d'autres usages les motifs sont bien plus complexes. Nous en présentons quelques-uns ici, dans le langage Javascript, qui est utilisé côté navigateur : ces tests peuvent donc servir à valider les données entrées par l'utilisateur avant l'envoi au serveur de leur requête :

• une fonction trim (nettoyage d'espaces superflus)
• validation d'une adresse mail
• validation d'une adresse IP
• validation d'une date

» Lire la suite

Les flux d'information se présentent sous deux formats : le format RSS et le format Atom. Nous allons voir comment se présente le format RSS, comment le générer et comment le lire.

» Lire la suite

Les données retournées par un appel AJAX peuvent être formattées de bien des façons :

• chaîne de caractères dont on vérifie et/ou affiche la valeur,
• code HTML qui sera affiché tel quel,
• code Javascript qui sera évalué,

Et en cas de données complexes :

• flux XML, qui fait partie de l'acronyme mais peut être difficile à générer rigoureusement
• JSON, alternative à XML

Le format d'échanges de données JSON s'avère plus simple à générer, plus rapide a traiter, et est immédiatement interprété par Javascript. Origine, syntaxe et avantages sont présentés dans cet article de JDN Développeurs. Ci-dessous un exemple :

{ "message": 
  { "entete": 
    { "auteur": "Lapin",
       "date": "2005-05-05",
       "importanceHaute": true
    }
  }
}

Cette année se place sous le signe du Web2.0, avec des sites interactifs, intelligents, et dont la technologie repose sur

• des appels asynchrones (AJAX), et
• une modification dynamique des éléments du DOM (mise à jour sans rechargement de page, drag&drop, personnalisation de sa page par l'utilisateur...)

Voici une étude (en anglais) comparant les différentes librairies permettant de faciliter la programmation de ces fonctionnalités.

Pour notre part, nous utilisons pour l'instant les librairies Prototype (documentation), delicious et Yahoo UI.