MapShuttle
Sign Up | My Account | Forum| Help | Credits | Sign In
Search address   
 

About MapShuttle.com


MapShuttle.com is originally a homework project for my Web GIS programming class, but I just got attracted into it and kept adding new functions to it, as result, now you get a full-featured website for creating / editing / sharing route information on Google Map. This website also serves as a demo of my skills in AJAX Web programming and Google Maps API. If you need any help to implement a map in your website, please feel free to send a message to chenlailin <at> gmail.com. Here is my home page: http://chenlailin.googlepages.com/home.

Here are some highlights of the things you can do at MapShuttle.com:


Browser all the routes created by users all over the world


Just go to the [Browse] tab and zoom/pan to the place you are interested in, because each time only 100 maps in the current area is returned, you might want to zoom to a smaller area if you your route is not shown in the worldwide map because there are too many maps in side a wide area.

When you zoom/pan the map, the markers might disappear for a second, don't panic. This is because the request for the routes in the new map area is sent to the server, and if you are using a slow internet (e.g. dial-up), this might take a few seconds.


Create your own routes (Draw or Import from GPX)


Go to the [My Routes] tab and zoom/pan to the place you are interested in. Click on the map to create a route, returned, you might want to zoom to a smaller area if you your route is not shown in the worldwide map because there are too many maps in side a wide area.

You can use different icons to represent import locations, and different line color to represent different road type. If you have made a mistake, you can click the [undo] button to cancel the last step. You can click the [undo] button repeatly until everything is gone. You can click on any node or other icon on the route to change icon for that node.

Add photos to a marker


Click on any marker, you will see an "Add photo" link in the pop up window. Click this link, a new [Image] tab will be added to this infomation window, click that tab, enter a url for the image you want to add, click [Add] button, the image would be added to this information window. You can add multiple photoes to this tab by repeating the action.

Add YouTube video to a marker


Click on any marker, you will see an "Add YouTube" link in the pop up window. Click this link, a new [YouTube] tab will be added to this infomation window, click that tab, enter the embed code you got from YouTube and click the [Add] button, the video clip would be added to this information window. You can add multiple video to this tab by repeating the action.

Embed a map in your own website


Now you can created a map in MapShuttle.com and then embed the map in your own website: here is a live example that I have embeded a map in my blog site: http://lailin-webmap.blogspot.com/blog-post.html