Kartlägga flera platser på din webbplats med MapTheWay

Annons

Under den tiden jag började använda Google Maps har jag hittat så många sätt att integrera det i mitt liv som möjligt. Den är integrerad i min Motorola Android-bil GPS-programvara, Google Latitude låter mig dela min kartplats med mina barn medan jag reser, och jag använder det alltid för att söka efter parker och historiska landmärken runt omkring oss när vi är på en familj resa.

Andra MakeUseOf-författare har också delat fantastiska funktioner som erbjuds av Google Maps, till exempel Tinas lista över 5 bästa sakerna med Google Maps De fem bästa sakerna om Google Maps Läs mer , och Eyals artikel om att skapa samarbete Google Maps Hur man skapar delade samarbetsvilliga Google MapsMed Google Maps kan du skapa anpassade kartor och dela dem. Så här använder du Google Maps för att samarbeta med andra. Läs mer . Om du inte har gissat det ännu, är vi stora fans.

Idag vill jag visa dig en cool Google API-baserad applikation som heter MapTheWay som låter dig integrera dina egna anpassade Google Maps direkt i din egen blogg eller webbplats genom att använda längd- och latitudvägspunkter som du kan överlägga på kartan genom en XML-fil.

Detta är en användbar metod för att kartlägga flera platser för dina besökare eftersom du antingen kan plocka ut en resa eller så kan du skapa interaktiv programvara som automatiskt ställer in vägpunkterna genom att redigera XML-filen via a manus. Föreställ dig att du kan skriva ett blogginlägg med faktiskt inbäddade kartor - inte bara skärmdumpar. Dina besökare kan se kartorna som du har lagt ut och du kan titta på varje vägpunkt som du vill.

Installera MapTheWay för att kartlägga flera platser på din webbplats

När vi går igenom denna självstudie ser du varför det är så praktiskt att ha den här funktionen inbäddad på din webbplats. Du behöver inte lagra eller dela kartor från Google Maps - allt du behöver göra är att skapa en ny XML-fil med dina waypoints och voila - du kan genast dela en ny karta på några minuter.

Låt oss komma igång så ser du varför detta är ett väldigt coolt verktyg att installera för din blogg eller din webbplats. Ladda ner först de gratis basversionsfilerna till din PC och sedan FTP "mapthewayDir”-Mappen (och allt innehåll) till http-rotmappen på din webbplats.

När det gäller en WordPress-blogg, vill du ladda upp mappen och innehållet (tillsammans med basfilerna) till samma katalog i din temamapp där din index.php-fil är lagrad. Du är redan halvvägs att kartlägga flera platser på din blogg!

Om du inte redan har en API-nyckel för din webbplats går du vidare till Google och registrerar dig för en Google Maps API med domänen där du laddat upp MapTheWay-katalogen. När du har fått din nyckel, gå till din mapthewayDir-katalog på din webbserver och redigera filen mapthewaycontext.xml med din egen Google API-nyckel.

Förresten, om du vill kan du ändra kartspråket till antingen franska (fr) eller portugisiska (po) snarare än engelska. Det verkar som de är de enda tillgängliga språken. Nu är MapTheWay installerad på din webbplats och du är redo att börja bädda in dina kartor!

Så här ställer du in vägpunkter och visar din karta

Det finns några filer som är en del av nedladdningspaketet som du vill kolla in. Två av dessa filer är HtmlHead.txt och HtmlBody.txt. När du vill bädda in en karta på en av dina sidor, måste du bara se till att rubrikskriptet och karaktärsskriptet ingår på sidan. Rubrikskriptet ändras inte. Och gissa vad, om du använder ett WordPress-tema är oddsen ganska bra att du har en header.php - du kan helt enkelt sätta in skriptet en gång så är du klar.

Nu måste du ställa in din XML-fil fylld med dina Way Points. Mallen att använda är MyWebPage.xml ingår i mapthewayDir-mappen. Formatet för filen är som visas nedan.

Många av de variabler som används i exempelfilen är inte tillgängliga i gratisversionen. För din kostnadsfria installation måste du fokusera på att ställa in lat, lng, titel, beskrivning, land, postnummer, stad och adress (allt valfritt utom lng och lat). "Typ" är namnet på markörbildsfilen, så typ "stad" hänvisar till filen "markör [stad] .png. Så du kan anpassa dina egna markörikoner om du använder den namngångskonventionen.

Din första fråga här är förmodligen - är det inte lite komplicerat? Hur ska du känna till det långa och långa av dina platser? Oroa dig inte mina vänner, jag har täckt dig - för när du laddade ner den här coola gratisappen laddade du också ner ett bekvämt verktyg för att identifiera dessa platspunkter. Gå bara till din webbläsare, gå till din domän och öppna filen. Om det inte fungerar på din domän använder du bara verktyget som erbjuds gratis på MapTheWay.

Dra enkelt målet längs din rutt och det ger dig längd och bredd för varje punkt. Notera varje waypoint när du spårar din resa. När du är klar ändrar du bara mallen MyWebPage.xml med dina nya sättspoäng och beskrivningar och spara den som en ny XML-fil i mapthewayDir-mappen.

När du är klar är allt du behöver göra att bädda in kartan på din webbsida med koden som finns i HtmlBody.txt fil. Du bör hitta namnet på xml-filen i koden tre gånger, så du måste redigera dessa tre poster med ditt nya XML-filnamn.

Spara sidan och din nya karta är nu inbäddad på din webbplats!

Kartan inbäddade perfekt på min webbsida. Alla titlar dyker upp när användaren klickar på "Visa etiketter, ”Och om användaren klickar på en ikon för en vägpunkt visas din beskrivningstext. Kartan ser professionell ut och försöker inledningsvis centrera på alla dina punkter när den först startar.

Det ena jag märkte med den här installationen är att den inte gillade WordPress-filstrukturen (appen gillar att existera på roten till din domän), så jag kunde få det att fungera genom att installera det på en ny domän som jag nyligen köpte och skapa en index.html-fil med koden som visas i detta handledning. Så om du har skapat din egen webbplats - inbäddning av den här appen kommer att bli en bris. Om du vill använda den på din blogg kommer det att ta lite finjustering innan det fungerar rätt - men det är utanför ramen för denna artikel.

Så ge MapTheWay ett skott på din webbplats och låt oss veta vad du tycker. Känner du till några andra coola sätt att bädda in kartor direkt på din webbplats? Dela dina resurser i kommentarerna nedan.