Étiquette : Google Maps

  • Snazzy Maps – jeux de couleur pour Google Maps

    Snazzy Maps – jeux de couleur pour Google Maps

    snazzy_mapDans un article précédent, j’avais fait un tutoriel vidéo expliquant comment créer une carte Google Maps personnalisée.

    Hier, en faisant ma veille, j’ai trouvé un site internet qui propose une collection de thème pour Google Maps. Ce site s’appelle Snazzy Maps.
    Ce site est assez récent car les styles les plus anciens date du 24 octobre 2013.

    Pour chaque thème, vous avez la possibilité de récupérer son style (à travers un code au format JSON).
    Je vous montre ci-dessous l’exemple de code de la carte intitulé « Red Alert »

    [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#ffdfa6"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#b52127"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#c5531b"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#74001b"},{"lightness":-10}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#da3c3c"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#74001b"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#da3c3c"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"#990c19"}]},{"elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"elementType":"labels.text.stroke","stylers":[{"color":"#74001b"},{"lightness":-8}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#6a0d10"},{"visibility":"on"}]},{"featureType":"administrative","elementType":"geometry","stylers":[{"color":"#ffdfa6"},{"weight":0.4}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]}]

    Et voici ce que cela donne avec Google Maps sur la région de New York City :

    red-alertSnazzy Maps est un site prometteur qui peut vous faire gagner du temps quand vous devez changer le style d’une carte. Il vous aidera à un moment ou à un autre.

  • Créer une carte Google Maps personnalisée

    Créer une carte Google Maps personnalisée

    Pour modifier les styles d’une carte Google Maps, il suffit d’un petit script JS et d’un outil créé par Google : le Google Maps API styled map Wizard.

    Nous pouvons personnalisé tous ce qui s’affiche sur la carte : les routes, l’eau, le texte (villes, des départements,…), les zones rurales, etc…
    Et nous pouvons les changer en terne de visibilité, de couleur, de brillance.Voici le tutoriel vidéo :
    Vous pourrez récupérer le script de ce tutoriel sur la page de téléchargement.

  • Centrer une Google Map par rapport aux markers

    Centrer une Google Map par rapport aux markers

    Dans ce tutoriel vidéo, je montre comment centrer une Google Maps selon le nombre de points sur la dite carte.

    Le centrage de la carte se fait automatiquement grâce à une fonction de Google Maps.
    Même avec un zoom et un centre déterminé à la base, la carte sera toujours différentes selon le nombre de points affiché dessus

    Vous pouvez récupérer le script de ce tutoriel sur la page téléchargement du blog

  • Gmap : plugin jquery pour Google Maps

    Gmap : plugin jquery pour Google Maps

    Dans ce tutoriel vidéo, je vous montre comment utiliser le plugin JQuery : Gmaps.

    Ce plugin facilite la création de carte google maps avec quelques options de base comme le zoom, le centre de la carte, ajout de marker avec fenêtre, le type de carte etc…

    Ces options de base permettent de minimiser le code pour créer des cartes.

    Ce plugin ne permet pas des choses complexes comme la création d’itinéraire, la météo, les zones de population, le géocodage, etc…

    Voici le tutoriel vidéo :

    Vous pouvez retrouver ce plugin à cette adresse : http://gmap.nurtext.de/

  • Créer une carte météo avec Google Maps

    Créer une carte météo avec Google Maps

    Depuis 1 ou 2 ans, Google Maps propose une fonctionnalité météo.
    C’est-à-dire, que nous pouvons voir les prévisions météo à 4 jours pour n’importe quels villes, à n’importe quel endroit sur la planète.

    Je vous montre comment faire sur la vidéo ci-dessous :