How do I get started making a custom map for a website?
-
I want to make a website with a map on it. I have no idea what I'm doing. Where should I start? The website will show the locations of... let's say, really good sandwiches. You go to the website and there's a map of the world there, with pins marking locations. You click on a pin and it shows you more information about the particular sandwich found at that spot. Also on the website would be a list of great sandwiches, sorted by country. You can click on a link there and the relevant information box would open on the map. Here are some maps doing the sort of thing I want to do: http://www.fishfight.net/mackmap/ http://www.traveljournals.net/explore/ http://www.guardian.co.uk/travel/interactive/2011/jan/07/britain-best-budget-eats-restaurants-cafes I'm doing this a hobby, both because I love sandwiches and for the mental exercise. I don't know how to do any coding. For now I'll be the only person updating the map, but I like the idea of eventually letting other sandwich-lovers add pins. Q: Is "http://maps.google.com/support/bin/static.py?page=guide.cs&guide=21670&topic=21671" on Google Maps the best way to do this? Will it let me do both parts to the page (not just the map, but also the list of countries)? Q: Should I learn about thehttp://code.google.com/apis/maps/index.html? If so, where do I begin? The information on the Google Code pages is aimed at someone with more experience than I have. Q: Any other Custom Maps 101 advice?
-
Answer:
You can use the Google Spreadsheet + Google Maps mashup called http://earth.google.com/outreach/tutorial_spreadsheet.html. There's a good introduction video on that page. I use it to make the map then I grab the embed link and put it on my site. Example http://iloveyu.jp/Reviews/Hyogo/kobe/kobe.html.
The corpse in the library at Ask.Metafilter.Com Visit the source
Other answers
You can do this with the Google API - but you need to know Javascript. The quickest way to learn is to find an existing map and see how they do it by looking at the code source - there's one here at http://jobs.metafilter.com/, for example.
Paragon
Really easy to do with Bing maps. Look at the http://www.microsoft.com/maps/isdk/ajax/, and select "Import data into shape layers" then "Add a GeoRSS layer". Source code is provided - cut and paste that into your site. Then create your own http://georss.org/simple file to define all of the points of interest. For your list, you will have to tie together some map navigation, which isn't that much harder (see "Control the map").
Diddly
The source code of the page doesn't necessarily help. On one website I inject the data by XML generated with PHP from the database. The Google documentation and basic examples are decent, but if you have no experience with coding, going that route may be over your head. Some other sites such as gpsvisualizer.com/geocoder/ it's even less obvious. A site I'm working on right now is along similar lines to what you want, but it's hand-coded.
hungrysquirrels
This is really easy to do with MyMaps on google maps. You add the locations to your maps with pins, enter descriptions, photos etc, and pull the embed code and put it on your website. The country part might be tricky -- you might have to create a map for each country. The bigger the map area, the less useful the map is at first glance because you can't really tell where the pins are without zooming in or clicking on them. I've mefi-mailed you an example that I made for my work website.
Kimberly
Related Q & A:
- How Can I Get Started As A Freelance Web Developer?Best solution by code.tutsplus.com
- How can I get started with WSO2?Best solution by Stack Overflow
- How can I get started in Rally racing?Best solution by Yahoo! Answers
- How do I go about creating a custom search engine for my website?Best solution by Stack Overflow
- How do I get started as a Personal Chef?Best solution by personalchef.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.