20. [Google Maps API v3] Marqueur, événement et devices. Introduction L'API Google Maps v3 évolue. Ce second tutoriel nous montrera les mécanismes mis en jeu pour afficher un marqueur, gérer un événement et optimiser l'affichage sur différents devices. Le résultat sera d'ailleurs repris dans les tutoriaux sur les Webview sous iPhone et Android. Initialisation Comme nous l'avons vu dans le premier tutoriel sur la découverte de cette nouvelle mouture de l'API, la syntaxe est légèrement différente de la version 2. Elle repose désormais sur le concept MVC. Définissons une coordonnées grâce à la classe LatLng var myLatlng = new google.maps.LatLng(43.5777, 1.40283); Les options Il existe de nombreuses autres options que je vous invite à découvrir sur la référence de l'API. L'appel au constructeur On définit maintenant la carte en précisant l'ID du div qui la contiendra et en liant les options précédemment définies : map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); Un marqueur et un événement Détection des devices Les variables.
GOOGLE MAP API V3 CARTE, MARQUEUR, INFOWINDOWS google, javascript, map, api, v3, Source N°52226 Javascript. Voici un code source très complet qui permet d'afficher autant de marqueur que l'on veut de certain type, d'avoir des information sur ce marqueur lors du clic (infowindows) ou du passage de la souris dessus. Il est largement possible de recréer le fichier html a partir de php (ce que j'ai fait originalement) afin de récupérer les coordonnées des marqueurs et leur informations dans une base de données.
La source comporte le fichier html (carte.html) et le fichier javascript (carte.js) Vous pouvez pouvez changer comme bon vous semble les images des marqueurs en les stockant sur votre ordinateur, les nom, les types de marqueurs, bref, régalez vous: Source / Exemple : Conclusion : Source fonctionnel en local, vous pouvez la tester directement. AIR pour Android – Visualiser la géolocalisation GPS sur Google Maps avec Air - Adobe Flex Tutorial - Tutoriaux Flex Builder, MXML, ActionScript, AS3. Maintenant que vous savez créer une application Air pour Android qui sait accéder à Internet et récupérer les données GPS du téléphone , il est temps de faire une application qui va afficher la position de l’utilisateur sur une carte Google Maps .
Si vous créez une application Android Native en Java, vous avez directement à votre disposition, un composant carte basé sur Google Maps. Heureusement, nous sommes basé sur l’API Flash Player et Flex. Nous pouvons donc utiliser toutes les librairies AS3 / Flex que l’on peut trouver sur le net. Ce n’est par exemple pas possible avec OpenPlug qui se base sur sa propre implémentation de Flex (en gros). Bref, on va commencer par récupérer la librairie Google Maps et une clé développeur afin de développer. Les clés API Google Maps Pour pouvoir utiliser l’API, vous devez récupérer une clé API . Google Maps est un service gratuit pour toute application à accès public, gratuit, et à but non commercial. Préparation du projet Flex Ajoutons un Marker. API Google Maps Et Earth - Documentation Exemples et Tutoriels en Français. Tutoriels : dossier et tuto pour l'OS iPhone Google sur smartphone, PDA, mobile, tablette tactile et notebook. La programmation iPhone / Tutoriel n°8 : Mini projet : utiliser le GPS intégré - Partie 1.
Bonjour, Bienvenue dans un nouveau tutoriel pour encore plus de folie ! Nous allons faire un mini projet, sur 2 tutos, exploitant les capacités GPS de l'iPhone, la gestion de deux vues, ...Nous allons utiliser dans ce tuto : la gestion d'erreurs, la géolocalisation, un aperçu d'une manière de débugguer, un UIActivityIndicatorView, ... Tout d'abord, voici ce que vous allez avoir à la fin de ce tuto : Motivé ? Let's go ! 1) Apprenons à utiliser la console en débuggage Vous allez le remarquer, nous allons commencer à écrire un peu plus de lignes de codes qu'avant, et pour cela, nous allons utiliser la console.
Commençons tout d'abord par modifier les préférences de XCode (<pomme + ,>) : Voilà, c'est bien beau, mais... Vous allez utiliser ceci : NSLog(@"Votre texte ici"); Par exemple : - (IBAction) updateLocation{ NSLog(@"IbAction updateLocation");} vous affichera dans la console, lorsque vous toucherez le bouton permettant de mettre à jour votre position, "IbAction updateLocation" : Ouf ! Allez dans. Intégration d’interfaces de géolocalisation dans un site web avec Google Maps API et jQuery - Blog - Veille - Clever Age. La géolocalisation est à la mode ! Elle est de plus en plus utilisée sur le web, dans divers contextes : e-commerce, sites corporate, site communautaires, annuaires. Quelle utilisation ? Dans quels buts et par quels moyens ? Lors des étapes préliminaires de l’élaboration ou de l’évolution de sites web, beaucoup se voient intégrer des cartes dans leur site web afin de permettre à l’utilisateur de repérer et trouver facilement une (ou plusieurs) adresse(s).
Qu’en est-il de l’implémentation pratique et de sa complexité ? Objectifs recherchés et technologies disponibles : Aujourd’hui, la praticité de l’affichage géolocalisé n’est plus à démontrer. Voici quelques exemples typiques de géolocalisation d’adresses dont on apprécie l’intégration sur un site : corporate : implantations, locaux, offices, magasins : boutiques, points de vente, communautés : bonnes adresses, localisation des membres. Les fonctionnalités attendues de géolocalisation peuvent être plus ou moins élaborées : Conception.
Utiliser la géolocalisation avec Safari, IE et Firefox comme Flickr mobile. Hier je vous parlais de la géolocalisation avec le nouveau Firefox 3.5 . Mais je me demandais si on pouvais aussi utiliser cette localisation avec Internet Explorer, Safari ou même Chrome comme sur Flickr Mobile. Je suis donc tombé sur Google Gears qui est utilisé dans la version 3.5 de Firefox pour localiser les visiteurs. On va donc reprendre notre exemple de la dernière fois mais cette fois-ci nous allons utiliser Google Gears (qui à l’avantage d’être compatible avec les autres navigateurs). Le principe est le même sauf qu’au lieu de vous montrer une fenêtre de type Firefox, il vous affichera un message de Google Gears. Utilisation Comme la dernière fois, il nous faut un fichier HTML : <! Comme vous pouvez le voir, nous avons inclut la base javascript de Google Gears que vous trouverez à cette adresse.
Conclusion Vous pouvez tester le résultat ici(ne fonctionne pas avec Firefox 3.5) . L'entreprise a-t-elle quelque chose à apprendre de Foursquare. Chaque année (voire chaque semestre) voit arriver un service qui défraie la chronique sur le web. Et comme de bien entendu, avant même de savoir dans quelle mesure le succès sera pérenne et trouvera son business model dans la durée, on l’imagine déjà comme une brique nouvelle et incontournable qui transformera l’intranet des entreprises et supportera des usages nouveaux qui feront (enfin) de l’enterprise social software un pilier incontournable du logiciel d’entreprise. En ce début d’année 2010, la bête curieuse du moment se nomme Foursquare et on lui prédit déjà ici et là un avenir brillant dans l’entreprise. J’y ajouterai également Gowalla, plus récent mais dont certaines particularités méritent qu’on s’y attarde ainsi que Whrrl, pas encore “‘officiellement” utilisable en France..
Alors, s’agit il d’une lubie de plus qui fera pshiiitttt au moment de l’examen de vérité ou d’un apport majeur ? De quoi parle-t-on ? Quels bénéfices pour l’utilisateur ? Bon, là ça se complique un peu.