Marker selon le clic

  1. Phortail
  2.  > 
  3. Pages Webmaster
  4.  > 
  5. Googlemap




Ajouter à une carte google map, un marqueur dès lorsque l'internaute clic sur la carte. Compatible api v3.


La version 3 de googlemap apporte des changements.
Le code qui fonctionnait avec la version 2 de l'API doit être repris, le html doit être passé en version 5.

Voici un exemple de code à utiliser pour afficher un marqueur sur la carte (marker), dès lors que l'internaute clique sur la carte.
Dans l'exemple ci dessous la carte est centrée sur la localisation de l'internaute.



google.maps.event.addListener(map, 'click', function(e) {
placeMarker(e.latLng, map);
});

function placeMarker(position, map) {
var marker = new google.maps.Marker({
position: position,
map: map
});
map.panTo(position);
}




Voir en ligne : google map marker



Article écrit par Janol le 04/02/2013
(Hits 3273
- Catégorie : Googlemap)

Faites passer - Imprimer

Commentaires

Cet article n'a pas encore été commenté.
Vous pouvez vous exprimer en remplissant le formulaire ci-dessous.


Autres publications Googlemap

Polyline pour tracer un itinéraire sur une carte
Comment tracer un itinéraire sur une carte googlemap en version 3. C'est la fonction polyline qui est utilisée via l'API Googlemap
(écrit le 17/02/2013 - 5.568 lectures)

Info Bulle avec onglet sur un marker
Sur les cartes google map, les icônes peuvent présenter une info bulle, avec du contenu html, et des présentations via des onglets. Version 3 de l'api google map.
(écrit le 07/02/2013 - 6.451 lectures)



Tutoriels Webmaster

Référencement :

Depuis l'arrivée de l'intelligence artificielle dans nos vies, bien des domaines sur internet se posent des questions, les webmaster sont ainsi concernés, se demandant si l'indexation de leur site par GPTBot est profitable.

https://phortail.org/quizz/moderne/


Référencement :

Comment analyser les pages de la search console qui sont répertoriées par Google comme explorées mais non indexées. Faut-il demander leur indexation ou n'y aurait-il pas quelque chose de mieux à faire.


Référencement :

Comment Google Analytics et la Search console Google fonctionnent. Quelle est la différence entre ces outils ? Est ce qu'ils interagissent entre eux ?


Scripts :

Internet a deux caractéristiques principales : Cela bouge beaucoup et cela bouge vite. Le webmaster se doit d'être actif, voire réactif, et de disposer de l'information rapidement. Un simple script en python peut l'aider.


Scripts :

Comment contrôler visuellement que l'affichage de différentes pages web se fait correctement avec les différentes configurations de navigateur, et résolution d'affichage. Le Webdriver de Sélénium permet via un script d'automatiser la capture de telles pages, pour contrôler en un coup d'oeil le résultat.


Conception :

Optimiser un site web avec du responsive design est un pas de plus fait vers l'utilisateur final
Pour autant, si une page du site a un poids de plusieurs méga, l'utilisateur risque, s'il est sur un téléphone mobile, de partir avant que la page ne soit complétement chargée.


Outils :

Comment gérer les erreurs 404 not found sur le fichier browserconfig.xml, alors que celui ci est demandé par le navigateur.


Scripts :

Les feuilles de style d'un site web permettent d'adapter l'affichage à la taille de l'écran. Voyons comment faire pour un site qui s'affiche aussi bien sur un ordinateur, une tablette qu'un téléphone intelligent (smartphone).


Pages webmaster
Actu Webmaster

Thèmes Phortail