[résolu] Carte Google Maps avec "zones de densité"

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par OTP, 5 Novembre 2015.

  1. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Bonjour,

    Je cherche à améliorer certaines de mes cartes Google Maps sur mon site.
    Certaines ont plusieurs centaines de plots, c'est lourd à charger et dur à lire.
    J'ai déjà vu des cartes avec peu de plots, ces derniers indiquant par exemple "20" et quand on clique sur le plot en question, ça zoome automatiquement et on voit alors les 20 plots, ou alors d'autres plots avec des nombres, plus détaillés que le premier.

    Pouvez-vous me dire comment ça se nomme ? Dur de chercher sur Google sans mot clé !

    Merci,

    OTP
     
  2. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Re: Carte Google Maps avec "zones de densité"

    J'ai trouvé, c'est le clustering ! ;)
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
  4. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Merci spout !

    HS : c'est ton site ?
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
  6. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    La photo de Ver-lès-Chartres est de moi ! Prise avec Madri.
    J'aime ce site. Je vais te faire tes contributions.
     
  7. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
    Ah oui c'est lui qui me l'a donnée :)
     
  8. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Déjà deux ajoutées (Buc et Tournefeuille).
    J'y penserai maintenant.
     
  9. longo600
    longo600 WRInaute passionné
    Inscrit:
    24 Février 2005
    Messages:
    2 208
    J'aime reçus:
    5
    Et Open street map?
     
  10. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
    @longo600: ?
    J'utilise les données OpenStreetMap aussi (68.000+ marqueurs de chez eux).
     
  11. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Ben c'est déjà codé en GG Maps ! ;)
     
  12. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
    Il y a un bouton pour afficher le layer OSM aussi.
     
  13. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Je vois que je dois recoder mon truc (ancienne API).
    Je regarde ça bientôt, à tête reposée, comme disait Louis XVI...
     
  14. patapon87
    patapon87 WRInaute passionné
    Inscrit:
    12 Janvier 2010
    Messages:
    1 135
    J'aime reçus:
    0
    nooooooooooooooooooooooooooooon
     
  15. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Debrief : pas facile à coder quand on est une quiche (mon coté lorrain) comme moi et qu'on part d'un code fait avec les pieds.
    Mais après deux jours j'ai enfin un truc qui marche.
    Mes cartes à 4000 plots étaient inutilisables, c'est maintenant très fluide.
    A 15000 plots, ça marche encore nickel.

    En bref, le clustering, c'est bon, mangez-en !
     
  16. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Bonjour,

    Je constate ce matin que ça ne fonctionne plus correctement : exemple ici : -http://www.thewindpower.net/country_maps_en_1_france.php

    J'ai les nombres, mais plus les cercles de couleur.

    Je ne pense rien avoir changé au site à ce sujet.

    Que se passe t-il ?

    Michaël
     
  17. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
    Re: Carte Google Maps avec "zones de densité"

    A cause des erreurs suivantes:
    Code:
    country_maps_en_1_france.php:1 GET http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m3.png 404 (Not Found)
    country_maps_en_1_france.php:1 GET http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png 404 (Not Found)
    country_maps_en_1_france.php:1 GET http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png 404 (Not Found)
    Parce que ça a été déplacé sur GitHub:
    http://googlemaps.github.io/libraries.html
    https://github.com/googlemaps/js-marker-clusterer

    Pour l'avoir en local:
    Code:
    bower install js-marker-clusterer
    ou
    Code:
    npm install js-marker-clusterer
     
  18. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Re: Carte Google Maps avec "zones de densité"

    Merci
    Je ne peux pas lancer ce code.
    Je devrais avoir seulement des URL à changer, non ?
     
  19. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
    Re: Carte Google Maps avec "zones de densité"

    Si tu trouves un autre CDN qui le fourni ou télécharger le .zip à partir de GitHub.
    Mais je te conseille vraiment d'installer nodejs afin d'avoir "npm".
    Une fois que tu as npm:
    Code:
    npm install -g bower
     
  20. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Re: Carte Google Maps avec "zones de densité"

    Sorry c'est du chinois pour moi ta réponse ! ;)

    Moi, j'ai en header :

    Code:
    <script type="text/javascript" src="<? echo $path; ?>/fct/markerclusterer.js"></script>
    <script type="text/javascript" src="<? echo $path; ?>/fct/oms.min.js"></script>
    Je ne vois pas où je pointe vers l'extérieur.

    Il n'est pas possible en modifiant un ou deux de ces fichiers de refaire fonctionner le biniou ?
     
  21. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
  22. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
  23. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 780
    J'aime reçus:
    240
  24. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 717
    J'aime reçus:
    2
    Re: Carte Google Maps avec "zones de densité"

    Merci, ça marche.
    Tu es compétent et patient, bravo ! :D
     
Chargement...
Similar Threads - [résolu] Carte Google Forum Date
Problème images en https (forum phpbb) [résolu] Développement d'un site Web ou d'une appli mobile 18 Novembre 2017
[Résolu] Redirection 301 FR vers EN sur Prestashop uniquement sur outils Google ? Problèmes de référencement spécifiques à vos sites 11 Septembre 2017
[résolu] Passage à HTTPS, comment tester une page ? Développement d'un site Web ou d'une appli mobile 7 Septembre 2017
[Résolu] squat nom de domaine - que faire ? Débuter en référencement 16 Mai 2017
[Résolu] Redirection d'une famille d'URL URL Rewriting et .htaccess 9 Mars 2017
[Résolu] Diaporama et SEO Débuter en référencement 17 Janvier 2017
[résolu]Redirection monsite.fr/index.html sur monsite.fr et seo URL Rewriting et .htaccess 16 Janvier 2017
[resolu]Publicité facebook lié au compte instagram Facebook 12 Décembre 2016
[résolu] Récupérer des valeurs issues de javascript pour les mettre en base MySQL Développement d'un site Web ou d'une appli mobile 18 Juillet 2016
[résolu] Faire une redirection sauf pour mon adresse IP URL Rewriting et .htaccess 15 Juin 2016
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice