About | Contact | SUBMIT PRESS | Advertise | FAQ
Spatial Newsletters | Twitter |
HomeNewsArticlesExpertsDataJobsEDULBSSTOREEVENTSDirectoryBLOGSocialPHOTOS
Videos | Geo Webinars | Geo Directory | Social Media | iOS News | Cloud  
advertisement

Top Geo News
Put Your PR here!
Social Connect



vimeostumble
Facebook

GISuser Sponsor


Recent Site Additions
Featured Video


GISuser TOP 10 Viewed Videos
More Photos and Videos

GIS Job Opportunities
 

Loads of GIS Jobs!

Traffic Technician - Pavement Marking
GIS Analyst
Supervisor, GIS Production
Marketing Writer - Professional Services
Software Technical Lead
Web Applications Developer, Washington, D.C.
Lead Developer – Kelowna (KE01-12)
GIS Consultant
GIS Coordinator
Solutions and Support Specialist

GISuser Sponsor

Directory
Nokia Conversations 
Category: YouTube


GISuser Sponsor


AnyGeo - Anything Geospatial

↑ Grab this Headline Animator

    

HOT Careers and Training

Web Applications Developer, Washington, D.C. (Esri) / GIS Director (PA)
Software Technical Lead / ME GIS Coordinatorpost a GIS 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

Featured Events
  • Esri devMeetUps - locate a developer meetup taking place in a city near you
  • ERDAS Webinars - Register for a free, online webinar from ERDAS
  • ILMF 2012 - International LiDAR Mapping Forum, Denver, Colorado, Jan 23-25, 2012
  • Esri Dev Summit - The Esri Developer Summit (DevSummit) brings together developers and GIS professionals from all over the globe. March 26-29, 2012, Palm Springs, CA
  • Where2.0 - where the people working on and using location technologies come together to explore best practices and emerging trends in software development, tools, business strategies, and marketing. April 2-4, 20112, San Francisco, CA

 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!

GISuser RSS Feed
Partner Sites


lbszone.com


symbianone

A Spatial Media LLC property

 




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