Put a Platial Map on Your Website

by tracy_the_astonishing in Circuits > Websites

4568 Views, 8 Favorites, 0 Comments

Put a Platial Map on Your Website

picture 66.png
Once you have found a map on Platial or created your own, you will want to put that map on your blog or website. This instructible will walk you through the steps of how to do that.

Any Platial map can be published by anyone.






Click on Publish

step one good.png


Looking at the map you want to put on your site, you will find the publish button in the side bar or under the map in the details footer.

Click it!






The Basic Maps

basic publishing options.png

On the first publish page you'll find the html for the two most basic maps. These maps show up to 40 markers and the place titles appear when you hover over the map markers with your cursor.

To get a map with all your details and pictures, go on to step three.

The Yahoo map at the bottom can be used on MySpace. It's the only version of the Platial map which will work on Myspace. Just copy the code and insert it into your MySpace profile page.

If you want to see what the map looks like on a MySpace page, here are a couple links

KnittaPlease
Platial

Click Style This Map

step 2 good.png


To get to the schmancy-fancy map with all the fixin's, click on "Style this Map."






Make Your Choices

steps 3 and 4.png


First you choose which elements you want to include in your map. If you choose tags or comments, you will have links back to Platial appear under the map. The tags link back to pages showing other places with the same tag on Platial and the comments will link to the profile pages of the people who comment.

Next, pick a map marker and header. These come in sets. You can upload your own custom markers and you can even wrap the whole thing up in your own pretty css package if you are really ambitious.

For the last step, type in a title for your map. This title will appear in the header.

Click View Map to see your masterpiece.








Select and Copy the Html

step five.png


This page gives you a preview of exactly what the map is going to look like. You can click around on it and get a feel for how it looks an behaves. If you don't like the result, you can change the whole thing by clicking on the edit button. You also are given the url of the styled map, in case you prefer to link to it. This url is also saved at the bottom of your homepage.

If you do like what you see, you just select and copy the two lines of html in the box above the map.






Paste the Html Into Your Website

step 6.png


Now you just paste the code right into your website--in this case into the body of a blog post.

Hit the publish button and...






Regard the Wonderful Thing You Have Done

step 7 you rule.png

That's it. You rule.








You've Read the Book, Now See the Movie!

This is the same instructable, but in video form.