About | Contact | SUBMIT PRESS | Advertise | FAQ
Spatial Newsletters | Twitter |
HomeNewsArticlesExpertsDataJobsEDULBSSTOREEVENTSDirectoryBLOGPHOTOSSocial Media
 
advertisement

Top Geo News
Put Your News here! 
Social Connect




vimeostumble


Facebook

GISuser Sponsor


Recent Site Additions
Featured Webinar
Featured Video


GISuser TOP 10 Viewed Videos
More Photos and Videos

GIS Job Opportunities
 

Loads of GIS Jobs!

GIS Analyst
Data Processor
Software Developer
Support Analyst - Database
Applications Prototype Specialist–Web Development
Research Assistant for Geographic Information Centre
Academic Associate in Geographic Information Centre
Director of Mobile Product and Technology (Denver)
Subject Matter Expert — Infrastructure Industry - 12WD11118
GIS Analyst Senior
GISuser Sponsor

Directory
SSTL 
Category: Satellite Imagery Providers


GISuser Sponsor


AnyGeo - Anything Geospatial

↑ Grab this Headline Animator

GISuser RSS Feed
Home arrow Spotlight arrow Web Mapping arrow Tutorial - Create a Google MyMap, add your flickr photos from a Mapplet, then embed in your website     

Feature - Using QR Codes to Deliver Maps Electronically
HOT JOB
post a GIS job * JOB OPPS * Subject Matter Expert, Autodesk CA / GIS Developer, VA
FEATURE - Using Social Media and Twitter To Land The Perfect Job
Tutorial - Create a Google MyMap, add your flickr photos from a Mapplet, then embed in your website  E-mail
Written by Glenn Letham (GISuser editor)   
21 August 2007
As of this week, adding a Google map, or even better, your Google "MyMaps", to your webpage is a snap (pardon the pun). You know how simple it is to embed a youTube video into your blog? Well, it's that simple. Here's a short tutorial to show you how simple it actually is. We'll create a custom google MyMap, add a Mapplet, embed some photos from our flickr account, save the map, and embed it within a website (in this article)... no problemmo! To finish I'll offer up a couple of photo geotagging tools for those of you with GPS-enabled cell phones and a tool for mannual geotagging for those with no access to GPS. If you enjoy Google maps, flickr, and geotagging photos then this tutorial is for you!

 

I'm assuming you have a Google account and that you are somewhat familiar with Google Maps. You will also need to obtain a Google maps API key using your Google account options. If this scares you then this may be a bit too much for you!

  • Sign in to your google account then proceed to google.com/maps.
  • Click on "MyMaps" link
  • Then, create a new map (click the link "create a new map" just below where it says MyMaps (left)

    google mymap
  • Add a title and a description - for this tutorial I'll create a map showing my dog (Zoe) at the park.
    google mymap
    google mymap
  • Now I'm going to leverage the Google Mapplets functionality to add my photos from my flickr account to my custom map!

    google mymap
    A list of some of the mapplets that I've loaded
  • I've already loaded the flickr add photo mapplet, however, if you need this simply click on the add content link and search through tons of very cool mapplets that you are freely available to add to your maps. Mapplets enable you to add many different things to your custom map, like real estate listings, contour lines, photos, weather data, POIs, or ??
  • I now can view all my geolocated photos on my custom map
    google mymap

    google mymap
    A bubble icon appears wherever one of my geotagged photos from flickr is located. Click the icon and the photo appears!
  • Save the map and you can access it or share it whenever you want
  • Finally, this map can be easily embedded into your blog or website. Simply click the "Link to this page" on the far right, grab the code, embed into your website.

    google mymap

    Link to the page, copy and paste the code into your website - the actual Google Map is embedded below. Unfortunately the map seems to be viewed with better results when using Firefox rather than IE... if you can't view the map try using Firefox browser if available!

View Larger Map


 I can also view this custom map in Google Earth as a KML - simply click the kml icon from within Google Maps. Users can optionally customize the way the map will appear by hitting the "customize" link - then alter the size parameters until you're satisifed. This option seems to import custom objects that you create in your MyMap (like icons, lines, polygons), however, it wil not bring in other custom features fromm a mapplet, like the flickr photos in the map above - too bad!

Other Options For Geotagging Photos

Need help geotagging your photos? Well, there's many options available to you. If your fortunate enough to have a GPS-enabled camera phone (like a Nokia 6610, N95, or one of the many Sprint devices) then you should take advantage of a couple of programs that will be very beneficial to you:
- Zonetag - from Yahoo! labs
- locr.com
Both of these applications enable your GPS phone to automatically grab your position from the GPS and will embed geotags into your photo when uploaded to flickr.

Don't have a GPS-enabled camera? No problem. there's a handy utility called GeoTagr (http://www.beeloop.com/maps/flickr_geotagr.php). simply navigate to the location where your photo was taken (notice the lat/long is updated in the dialog box). Then simplly grab the provided code and use it as a tag for your photos. Notice the tag "Geotagged" This is a reserved tag that flickr uses to identify photos that have geopositioning attributes. Once you have a collection of geotagged photos in your flickr account use the flickr provided "import your geotagged photos" utility found at http://www.flickr.com/account/geo/import/ (you'll need to be logged into your flickr account to use this application).

geotagr

GeoTagr creates "geotagged" code to embed with your flickr photos

Finally, if you have geotagged photos or want to geotag them you can also have some fun usinng panoramio. Upload your geotagged photos or position them within the Panoramio upload utility. You can then view your photos on a map or even within Google Earth (enable the Panoramio Layer withinn G. Earth). Perhaps the biggest gripe I have with using Panoramio is that photos I capture with my Nokia N95 do not seem to contain any GPS coordinates within the EXIF so I still need to manually position them - this was the case with photos I took using locr and zonetag... too bad!

panoramio

Upload your photos to your Panoramio account - www.panoramio.com

panoramio

From within Panoramio click the "See in Google Earth now" link and the photo will appear in Google Earth immediately

There are many ways to have fun with google maps, particularly with MyMaps and the new embed in your blog or website functionality. Add geotagged photos into the mix and you can really start creating some very cool apps and resources to share with your friends. Got a tool to share? Please tell me about it (send to editor at gisuser.com)

Some relevant weblinks:

 

Last Updated ( 24 August 2007 )
 
< Prev

Submit Your GIS/Geo News/PR to GISuser



Search the Spatial Media Web Resources
More GISuser Features

feature articlesSee more GISuser Features HERE / See GISuser Spotlights Here

AnyGeo - Geospatial Updates from Glenn

↑ Grab this Headline Animator

Recent Directory Listings
1. SAIC GeoRover Mobile
    Category: GIS for Tablets - iPad and Android Tablet Geo Solutions
    Created: May 22, 2012
2. Arvada Colorado OpenData
    Category: OpenGov and OpenData
    Created: May 21, 2012
3. Colorado OpenData
    Category: OpenGov and OpenData
    Created: May 21, 2012
4. Inlailawatash Forestry...
    Category: Geo Tech Companies & Consultants
    Created: May 15, 2012
5. CSU Fresno
    Category: Distance Learning, Online GIS Education
    Created: May 10, 2012
Show more...
Featured Events

 List Your Event Here 

2X A Week Newsletter

See Recent edition
newsletter

subscribe GISuser

We won't share your address!
Sponsor

Popular Stuff!


RSS and Feeds

Software

software reviews
Geo Technology Software

GISuser Site Sponsor


Most Popular
GISuser HOT Spots!

Google Mashup Zone
GISuser WebMaps
Free Data Articles
Spotlights & Tips
GISuser Resumes
Data Links
10 Cool Things
The LBS Zone!

Partner Sites


lbszone.com


symbianone

A Spatial Media LLC property

 




Spatial Media, LLC ©2003 - 2011 All rights reserved / Privacy Statement