hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créez et personnalisez des cartes avec Google Map Builder

Il y a maintenant beaucoup de thèmes WordPress basés sur la géolocalisation disponibles. Ils fournissent des cartes personnalisées afin que les utilisateurs peuvent facilement trouver des endroits spécifiques tels que des restaurants, des lieux d'événements, des hôtels et plus encore. J'ai remarqué que certains développeurs Web ont inclus leurs thèmes avec le support de carte et l'utilisent souvent dans la page de contact.

Ils utilisent des cartes , Google Map pour être exact. Et comme vous l'avez peut-être remarqué, Google Map est l'un des services de cartographie les plus puissants du Web. La personnalisation de la carte peut être facilement effectuée à l'aide du contrôle de l'API des styles de carte. Mais cela nécessite de comprendre un peu la programmation javascript .

Essayez ce tout nouveau Google Map Builder, un outil pour personnaliser facilement votre propre carte Google. Il a une interface utilisateur agréable et conviviale. Vous pouvez construire la carte avec seulement quelques sélections dans la boîte de sélection et vous n'avez même pas à coder.

Il existe de nombreuses options pour contrôler l'apparence de la carte. Vous pouvez également insérer votre icône et vos emplacements de marqueurs personnalisés. Et la meilleure partie est qu'il a plus de 75 thèmes de cartes readymade de Snazzy Maps.

Aperçu

Google Map Builder fonctionne exactement de la même manière que la personnalisation de Google Map à l'aide de l'API des styles de carte. Il vous donne une interface utilisateur (UI) qui est plus agréable que ce que vous pouvez faire avec du code Javascript. Dans l'outil, toutes les options sont situées dans le panneau de gauche, laissant l'espace restant pour la carte.

En haut, vous pouvez fournir à la carte la clé API qui est utile pour surveiller l'utilisation de l'API Maps de l'application. La taille et les coordonnées du centre de carte peuvent également être définies facilement.

Les options sur la gauche permettent de personnaliser l'apparence de la carte: zoom, contrôle de la carte, déplacement, type de carte et thème de la carte . Tous les changements seront automatiquement prévisualisés sur la carte.

Ajouter un marqueur personnalisé

Cet outil vous permet d'ajouter facilement votre marqueur personnalisé pour cartographier les lieux. Pour ce faire, vous devez d'abord fournir l'URL de l'icône de votre marqueur ainsi que l'adresse du lieu que vous souhaitez marquer.

Avec cette icône du bâtiment de l'hôpital de la carte icônes, voici comment ajouter le marqueur.

Pour commencer, comme l'icône concerne un hôpital, je vais entrer le nom de l'hôpital dans le champ de texte Ajouter des marqueurs . Vous pouvez également donner quelques adresses (une par ligne) ici. Lorsque vous ajoutez une adresse, la carte la localise automatiquement, alors assurez-vous que l'adresse et la carte sont aussi précises que possible.

Ensuite, placez l'URL de l'icône dans le champ URL de l'icône de marqueur .

Et voici le résultat.

Obtenez le code

Maintenant que vous avez personnalisé la carte, l'étape suivante consiste à la mettre sur le Web. Pour obtenir le code, faites défiler vers le bas de la page et vous verrez le bouton Obtenir le code .

Il suffit d'appuyer sur le bouton, le code apparaîtra au-dessus de la carte. Ici, vous obtiendrez le code javascript dans la balise de script et le style CSS pour la taille de la carte, comme ce que vous avez si vous avez stylisé la carte manuellement. Facilement copier et coller tout le code et les mettre dans votre code HTML avant la balise de fermeture de head .

Pensée finale

Google Map Builder propose de nombreuses options, mais la plupart d'entre elles sont uniquement destinées au contrôle de carte. Pour personnaliser l'apparence de la carte, vous ne pouvez vous fier qu'aux thèmes de Snazzy Map, mais s'ils ne vous plaisent pas, vous pouvez personnaliser la map manuellement (ce tutoriel peut vous aider) ou travailler avec d'autres outils tels que Google Maps Colorizr ou Google Styled Assistant de carte.

Comment désactiver l'écran de verrouillage de Windows 10

Comment désactiver l'écran de verrouillage de Windows 10

Il y a tellement de façons de personnaliser Windows 10, dont l'une est de désactiver l'écran de verrouillage. Bien que l'écran de verrouillage de Windows 10 ait de belles images, certaines personnes trouvent qu'il est contre-productif et veulent aller directement sur le bureau dès qu'ils démarrent votre ordinateur.Dans

(Conseils techniques et de conception)

Méfiez-vous de ce Ransomware déguisé en page Web WhatsApp

Méfiez-vous de ce Ransomware déguisé en page Web WhatsApp

L'attention étant concentrée uniquement sur l'épidémie de ransomware WannaCry survenue au cours du week-end, il peut être facile de perdre de vue le fait que les hackers notoires recourent encore à de plus petites tentatives pour compromettre l'appareil d'un utilisateur . Affaire au point, il semble y avoir un faux lien WhatsApp circulant sur Internet.Le li

(Conseils techniques et de conception)