WhiteBlaze Pages 2024
A Complete Appalachian Trail Guidebook.
AVAILABLE NOW. $4 for interactive PDF(smartphone version)
Read more here WhiteBlaze Pages Store

Results 1 to 5 of 5
  1. #1
    Registered User Rusty Nail's Avatar
    Join Date
    08-06-2011
    Location
    Delaware Water Gap- NJ side
    Age
    45
    Posts
    66

    Default Embed a google map of the AT to your blog or website

    After playing with this for WAY too long, few youtubes and a bit of luck has lead to figure it out. Maybe I can save you guys a few hrs of headache, my way of paying back to a great wealth of information here.

    First we need to be able to allow a google map on your site or blog. Google has gadget for that.
    http://www.gmodules.com/ig/creator?s...dkmlgadget.xml

    Now that that is done the part that stopped me in my tracks was figuring out how to get my ggogle earth map published online. After lots of failed ideas I just took the map and loaded it to Google Sites and picked up the link from there. This is a map I found online with all the shelters and descriptions.
    https://sites.google.com/site/atnorthbounder/maps/AT w Shelters - Track Collection Filtered 200 Feet.kml?revision=1

    So now its easy, open another browser page and go to the gadget link. Then copy and past the map link into the "my map url" section in the gadget. Adjust the size and border if you want. Then press preview, now press "get the code" and copy it. It should look like this.

    " target="_blank"><script src="//www.gmodules.com/ig/ifr?url=http://code.google.com/apis/kml/embed/embedkmlgadget.xml&amp;up_kml_url=https%3A%2F%2Fsi tes.google.com%2Fsite%2Fatnorthbounder%2Fmaps%2FAT %20w%20Shelters%20-%20Track%20Collection%20Filtered%20200%20Feet.kml% 3Frevision%3D1&amp;up_view_mode=earth&amp;up_earth _2d_fallback=0&amp;up_earth_fly_from_space=1&amp;u p_earth_show_nav_controls=1&amp;up_earth_show_buil dings=1&amp;up_earth_show_terrain=1&amp;up_earth_s how_roads=1&amp;up_earth_show_borders=1&amp;up_ear th_sphere=earth&amp;up_maps_zoom_out=0&amp;up_maps _default_type=map&amp;synd=open&amp;w=600&amp;h=60 0&amp;title=Interactive+AT+Map&amp;border=%23fffff f|3px%2C1px+solid+%23999999&amp;output=js"></script>


    Now go to your site or blog and in the html view paste it in. I have wordpress and it was as simple as pressing the html tab just about the text box ( next to visual)

    The result: http://northbounder.com/?page_id=59

    Have fun

  2. #2
    Registered User Rusty Nail's Avatar
    Join Date
    08-06-2011
    Location
    Delaware Water Gap- NJ side
    Age
    45
    Posts
    66

  3. #3
    Registered User Rayo's Avatar
    Join Date
    01-09-2012
    Location
    Las Cruces, NM
    Age
    39
    Posts
    146
    Images
    2

    Default

    Hey, thanks for sharing this.
    No worries; we're here to learn.
    My ink trail.

  4. #4
    Registered User YohonPetro's Avatar
    Join Date
    05-04-2010
    Location
    Baltimore, Maryland, United States
    Age
    43
    Posts
    62
    Journal Entries
    1

    Default

    Nice! thanks
    2012 NOBO - April start date
    Follow me here: Here, There, and Everywhere

  5. #5
    Registered User Rusty Nail's Avatar
    Join Date
    08-06-2011
    Location
    Delaware Water Gap- NJ side
    Age
    45
    Posts
    66

    Default

    One more option is to change the title shown above the map. Do this in the gadget tool "title" you can make this whatever you want.

++ New Posts ++

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •