La cartographie des emplacements multiples sur votre site web avec maptheway

Pendant le temps que j`ai commencé à utiliser Google Maps, j`ai trouvé autant de façons de l`intégrer dans ma vie que possible. Il est intégré dans mon logiciel GPS de voiture Motorola Android, Google Latitude me permet de partager ma position cartes pour mes enfants pendant que je suis en voyage, et je l`utilise toujours pour rechercher des parcs et des sites historiques autour de nous quand nous sommes sur un voyage en famille.

D`autres auteurs ont également partagé MakeUseOf caractéristiques impressionnantes offertes par Google Maps, comme la liste de Tina de la 5 meilleures choses sur Google Maps, Liste de Mark of Awesome Caractéristiques Google Carte, et l`article de Eyal sur la création Plans de collaboration Google. Si vous ne l`avez pas deviné encore, nous sommes de grands fans.Les cinq choses Google MapsLes cinq choses Google MapsLire la suite

Aujourd`hui, je voudrais vous montrer une application API Google fraîche appelé MapTheWay qui vous permet d`intégrer vos propres droit Google Maps personnalisés dans votre propre blog ou site web, en utilisant la longitude et les points de passage de latitude que vous pouvez superposer sur la carte par un fichier XML.

Ceci est une méthode utile pour cartographier plusieurs emplacements pour vos visiteurs parce que vous pouvez tracer manuellement un voyage ou vous pouvez créer un logiciel interactif qui fixe les points de passage automatiquement en éditant le fichier XML à l`aide d`un script. Imaginez être capable d`écrire un billet de blog avec des cartes qui sont incorporées - pas seulement des captures d`écran. Vos visiteurs peuvent voir les cartes que vous avez présenté et vous pouvez donner un titre à chaque point de passage comme bon vous semble.

Installation MapTheWay pour mappage de plusieurs emplacements sur votre site Web

Comme nous allons à travers ce tutoriel, vous verrez pourquoi avoir cette fonctionnalité intégrée sur votre site est si pratique. Pas besoin de stocker ou partager des cartes de Google Maps - tout ce que vous devez faire est de créer un nouveau fichier XML de vos points de passage et le tour est joué - vous pouvez immédiatement partager une nouvelle carte en quelques minutes.

Video: Adaptation d'un site en responsive web design

Commençons et vous verrez pourquoi cela est un outil très cool à installer pour votre blog ou votre site Web. Tout d`abord, téléchargez les fichiers de la version de base gratuitement à votre PC, puis FTP le «mapthewayDir» Dossier (et tout le contenu) dans le dossier racine http de votre site Web.

Dans le cas d`un blog WordPress, vous souhaitez télécharger le dossier et son contenu (ainsi que les fichiers de base) dans le même répertoire de niveau dans votre dossier thèmes où votre fichier index.php est stocké. Vous êtes déjà à mi-chemin de la cartographie des emplacements multiples sur votre blog!

Video: ◘ Présentation de mon site internet ◘

Maintenant, si vous ne l`avez pas déjà une clé de carte API pour votre site web, puis passez à Google et inscrivez-vous pour une API Google Maps en utilisant le domaine dans lequel vous avez téléchargé le répertoire MapTheWay. Une fois que vous recevez votre clé, allez dans votre répertoire sur votre mapthewayDir toile serveur et modifier le fichier mapthewaycontext.xml avec votre propre clé API Google.

Soit dit en passant, si vous le souhaitez, vous pouvez changer la langue de la carte soit Français (fr) ou en portugais (po) plutôt que l`anglais. Il semble que ce sont les seules langues actuellement disponibles. Maintenant MapTheWay est installé sur votre site, et vous êtes prêt à commencer à intégrer vos cartes!

Comment définir des points Way & Affichez votre carte

Il y a quelques fichiers qui font partie du package de téléchargement que vous voulez vérifier. Deux de ces fichiers sont HtmlHead.txt et HtmlBody.txt. Chaque fois que vous souhaitez intégrer une carte sur l`une de vos pages, il vous suffit de vous assurer que le script d`en-tête et le script du corps est inclus sur la page. Le script d`en-tête ne change pas. Et devinez quoi, si vous utilisez un thème WordPress, les chances sont assez bonnes que vous avez un header.php - vous pouvez simplement insérer une fois le script et vous êtes tous ensemble.

Maintenant, vous devez configurer votre fichier XML rempli de vos points de passage. Le modèle à utiliser est MyWebPage.xml inclus dans le dossier mapthewayDir. Le format de ce fichier est comme indiqué ci-dessous.

Un grand nombre des variables utilisées dans le fichier exemple ne sont pas disponibles dans la version gratuite. Pour votre installation gratuite, vous devez vous concentrer sur la définition du lat, lng, titre, description, pays, code postal, ville et adresse (tous facultatifs sauf lng et latitude). Le « type » est le nom du fichier image marqueur, alors tapez « ville » fait référence à un fichier « .png marqueur [ville]. Donc, vous pouvez personnaliser vos propres icônes de marqueurs si vous utilisez cette convention de nommage.

Votre première question ici est sans doute - est-ce pas un peu compliqué? Comment êtes-vous censé connaître la latitude et long de vos sites? Ne vous inquiétez pas mes amis, je vous couvrons - parce que quand vous avez téléchargé cette application gratuite cool, vous aussi téléchargé un utilitaire pratique pour identifier les points de localisation. Il suffit d`aller à votre navigateur, allez dans votre domaine et d`ouvrir le fichier. Si cela ne fonctionne pas à votre domaine, il suffit d`utiliser l`utilitaire offert gratuitement à MapTheWay.

Video: Gestion de la carte

simple glisser la cible le long de votre itinéraire et vous donnera la longitude et la latitude de chaque point. Gardez une note de chaque point de passage que vous tracez votre voyage. Une fois que vous avez terminé, il suffit de modifier le modèle MyWebPage.xml avec vos nouveaux points de passage et les descriptions, et l`enregistrer comme un nouveau fichier XML dans le dossier mapthewayDir.

Lorsque vous avez terminé, tout ce que vous avez à faire est intégrer la carte dans votre page Web en utilisant le code trouvé dans la HtmlBody.txt fichier. Vous devez trouver le nom du fichier xml dans le code 3 fois, vous aurez donc besoin de modifier ces trois entrées avec votre nouveau nom de fichier XML.

Enregistrez la page, et votre nouvelle carte est maintenant intégré sur votre site!

La carte intégrée parfaitement sur ma page Web. Tous les titres montrent lorsque l`utilisateur clique sur «Afficher les étiquettes,» Et si l`utilisateur clique sur une icône pour un point de passage, le texte de description est affichée. La carte est plus professionnel et tente d`abord de centrer sur tous vos points de passage lors de son démarrage.

Video: Formation internet

La seule chose que j`ai remarqué au sujet de cette configuration est qu`il n`a pas vraiment la structure de fichier WordPress (l`application aime exister sur la racine de votre domaine), donc j`ai pu le faire fonctionner en l`installant sur un nouveau domaine que je récemment acheté et la création d`un fichier index.html avec le code indiqué dans ce tutoriel. Donc, si vous avez créé votre propre site web - d`intégrer cette application sera un jeu d`enfant. Si vous voulez l`utiliser sur votre blog, il va prendre un peu de peaufinage avant que ça va marcher droit - mais c`est au-delà de la portée de cet article.

Alors, donnez un coup MapTheWay sur votre site et faites-nous savoir ce que vous pensez. Connaissez-vous d`autres moyens sympas pour inclure des cartes directement sur votre site? Partagez vos ressources dans la section commentaires ci-dessous.