Friday, January 18, 2013

Embed an interactive topo map in your blog

Engage your blog & website readers by giving them the opportunity to interact with your map directly on your site.  

You can play with the map by clicking and dragging to see more terrain than fits in the current window.  If you want more interaction with the map you can click the "View in Hillmap" link to see the map in hillmap.com, see more detail, edit the route, and view the route on different map layers (satellite, USGS, etc.)


How to embed the map

If you program HTML, you can grab the iframe of your map when you click the "Link" button in hillmap.com.  The site generates the code for you.

If, like me, you do not program HTML, you can still embed a map in your site without too much hassle.  The directions below are for you, and please send us an email if you get stuck along the way.


Step 1: Create your map

Visit hillmap.com and customize your map. You can zoom in on your area of choice, plot a route, or upload your gpx tracks.  

Step 2: Prepare your blog

Most blogs have both a graphic user interface (GUI) and an HTML interface.  To embed the map, you will need to copy and paste code into the HTML interface.


Switch to the HTML view of your blog.  Now, my level of HTML programming is such that if I break something in the code, I may or may not be able to fix it by myself.  When I play around in the HTML I protect myself against irreparable breakage by first copying the code, and pasting it somewhere that won't add extra code, a good place to paste it is in a basic text editor. DO NOT copy and paste your code into a Word Doc, because Word will add extra code to your text.  Messy.

Now that the orinal code is somewhere safe, if I break the HTML code I can always replace the broken stuff with the original.  All that is lost will be a little time.


Step 3: Decide where in your blog to put the map

If your blog post is a blank sheet of paper, inserting the map code is easy, just toggle to the HTML view and paste the code (which we will generate in the next step) on the page.  Toggle back to the Graphic User Interface (Blogger calls this view "Compose") to see your map.  Done! Then just treat the map like a photo or other graphic, and work around it.

If, like me, you write your blog post first and then insert images in the appropriate places, you will need to locate where you want to put it in the html.  The HTML displays all of your text, so it's not too hard. I often mark my place with text in the graphic user interface that I can then see in the HTML view.


Step 4: Generate the code

Navigate to your map in hillmap.  Click on the link button at the top of the map screen, or click on the Toosl Tab and select "Link To."

A screen will pop up with two different link options, one is a url for your map.  The other is the iframe, which is what you need to embed the map.  Copy the iframe code (highlighted in blue in the image below.)


Step 5: Insert your map code into the blog

Toggle to the HTML view in your blog.  Paste the iframe code in the location you previously identified.



Now toggle back to the graphic user interface, and take a look at your map!

Remove the map from your blog post

If you need to delete the map, you will need to erase the code in the HTML view, you cannot delete it from the graphic user interface.


Zoom makes a difference

The map will show up in your blog at the same zoom that is displayed in hillmap when you generate the code.  If you want to show the entirety of a long trail in the blog, make sure to zoom out.  If you want to show terrain detail, zoom in before generating the code.
Remember, your readers can move the map around in your blog to see more of the terrain in your blog site, or visit hillmap.com to use different tools to explore your map in greater detail.

Map zoomed out


Map zoomed in

46 comments:

Taylor Bara said...

Follow this link https://writemypaper4me.org/blog/term-paper and you will know how to make your sites content more attractive and competitive. I bet you don't know even a half.

Becky Spencer said...

We hear about different product launches every day but often miss out on some great deals. Businesses are aware of this so this is why they use text blast for promotion of new products and services to their dedicated audiences.

Pankaj Singh said...

Awesome content uses in this blog. Visit Ogen Infosystem for the best Website Designing and Digital Marketing Services.
Webste Design Company

Brandphic said...

Nice blog! Genuine and knowledgeable content is used in this blog. Designing is particularly fundamental for any kind of business.So Design custom logo design and website design by best designers.

The India said...

khadi clothes online
buy khadis clothes online
khadi cotton shirt
khadi cotton sadri for men
khadi kurtas for men
khadi online shop
khadi short kurtas for girls

Pamela Thomas said...

A well-written article, look forward to the next one! To know about Tarot Cards History with Kabbalah, please refer blog at yourtarotlife.com

sy_c_ho said...
This comment has been removed by the author.
sy_c_ho said...

Great job and effort. For custom web requirements. Global Design House

July 22, 2019 at 5:10 PM

Mutual Fundwala said...

Informative blog, get the best Mutual Fund Companies and Investment Advisor in Delhi at Mutualfundwala.
Mutual Fund Companies

Quickbooks Support Number said...


Quickbooks is a well-known software for accounting solutions. if you are looking for any kind of assistance to get your issue resolved then you can chat with the agents at Quickbooks pro Support number. they will help you to fix your issue with the best possible solution out.

Jhonson Rock said...

QuickBooks provides accounting solution software which is available at different levels of business depending upon your needs.these software is easy to use and understandable. If while using it, you are facing any kind of issues then you can Contact QuickBooks Enterprise Support.

einnie said...

Auto Złom Bielsko-Biała Aut Złomowanie Skup 510 412 815

bielsko.i-autozlom.pl
Auto Skup Bielsko
Stacja Demontażu Pojazdów Bielsko-Biała / Wysokie ceny aut / Skup samochodów i Recykling aut / Laweta + Wycena / ZADZWOŃ.

Free SMS API Providers said...

With the aid of a SMS Gateway integration using API, a system can send out automated SMS to customers or users of businesses. These SMS may be triggered as a result of an action like signing up for an account to receive an OTP or verification code to proceed.

meldaresearchusa said...

Among the most popular Buy Custom College Papers the company provides to students is College Essay Writing Service and other Research Paper for Sale Online to ensure they achieve good grades and succeed in their academic aspirations.

oxigen said...

Oxigen BC Private Limited Company is India's Largest CSP Provider, which works in all the states of India to open customer service point of all banks. Such as - sbi, boi, bob, pnb etc.

CSP Apply
CSP Online Application
Online CSP Apply
CSP Registration
CSP Online Application
CSP Provider

bankmitrabc said...

A large number of people, particularly the migrant laborers and factory workers do not have a saving account and even not able to open an account due to lack of valid address and ID proof. As a result they face difficulties to save their earnings in a safe place and look out for solution to send money to their families.

CSP Apply
CSP Online Application
Apply for CSP
Top CSP Provider in India
Apply Online For Bank CSP
Online Money Transfer

Pure Digital Online said...

Website Design Companies in New Zealand with their strategic approach drives the complete look of your website. They have efficient experts who lead to provide a user-friendly and responsive website and can also revamp your website in case, it has lost its charm and become outdated.

Social Media Marketing Services in New Zealand
SEO Provider Services in New Zealand
SEO Services in New Zealand
SEO Company in New Zealand

Pradeep Appslure said...

Great post! I really enjoyed reading it. Keep sharing such articles. Looking forward to learn more from you.
Mobile app development company in mumbai

Frontier Bundle said...

Spectrum Internet offers great bundles to businesses that need to keep customers occupied or entertained while waiting at their respective facilities like coffee shops, restaurants, dentists, hair salons and etc. Everyone love free Wi-Fi and businesses love patient customers so it is a win for both parties in the end.

Rhino Dubai said...

Insert an intuitive topo map in your blog Engage your blog and site perusers by allowing them the chance maid company dubai to connect with your guide straightforwardly on your webpage.

Permanent Glow said...

We have worked with many businesses in New Zealand and abroad and we have found that although there has been massive growth in technology, most small to medium sized business owners have been left behind.

Website Development Company in New Zealand
Software Development Company in New Zealand
E-Commerce Development Company in New Zealand
Content Writing Company in New Zealand
Digital Marketing Company in New Zealand
Pay Per Click Company in New Zealand

oxigen said...

Oxigen BC Private Limited Company is India's Largest CSP Provider, which works in all the states of India to open customer service point of all banks. Such as - sbi, boi, bob, pnb etc.

CSP Apply
CSP Online Application
Online CSP Apply
CSP Registration
CSP Online Application
CSP Provider

Permanent Glow said...

Ombre Powder Glow brows is a technique performed with the assistance of a Master Liner Machine and provides a soft appearance that is both natural looking and long lasting. This brow type typically lasts 1-2 years.

Microblading
Permanent Makeup
Microblading Los Angeles
Eyebrows
Eyebrow Tattoo
Cosmetic Tattoo
Ombre Eyebrows
Powder Eyebrows

Danny said...

I heard this before and this is greatly amazing! http://rdmedicalproducts.com

Malaika said...

Wow, this is amazing. Thanks so much for this! contact us

Michael Jones said...

Allhomeworkhelp Provide best HRM homework help in the world.We have high educational experts and they always ready to help you.college homework help

hookstefan said...

AllHomeworkHelp is growing quickly by helping students in a range of subjects that come from varied backgrounds out of class universities Assignment and We are serving its customers with scholarly assignments.
need help with my homework
accounting homework help
science homework help

Myassignmenthelp.com said...

Great, i must say and thanks for sharing this informative post.I am really impressed that there is so much information about this subject that have been uncovered and you’ve done your best, MyAssignmenthelp.co.uk is giving help to students who is stressed with their homework help and submit their assignment on time.we are already trusted by thousands of students who struggle to write their academic papers and also by those students who simply want science homework writing to save their time and make life easy.

Kevin said...

If you all are waiting for BSEB 12th Class Result then here are all the details about bihar board result dates.
The result for 12th class is going to be announced in the last week of march 2020.
All the students who are waiting for the result can note down this and be worry free.
Also you can check the result by visiting our official website also.
All you need to do it just enter your name and roll number and that's it your result will be displayed then.

Maerouf said...

تصميم مواقع
تصميم موقع الكترونى
برمجة تطبيقات الجوال
حجز دومين سعودى
تصميم موقع حراج
سيرفر

الرياض
تصميم تطبيقات الجوال
دومين
استضافة سعودية

Michael Jones said...

maths homework help is the best resources for students. Allassignmenthelp provides best service in whole world. If you have any query related to this topic you can take assistance from best math homework help online.

state technologies said...

OS Certification : Windows 7 (64 bit), Windows 10 (64 bit) (April 2018 Update or later), Linux 64 bit
4608 NVIDIA CUDA cores running at 1770 MegaHertZ boost clock; NVIDIA Turing architecture
New 72 RT cores for acceleration of ray tracing
576 Tensor Cores for AI acceleration; Recommended power supply 650 watts
24 GB of GDDR6 memory running at 14 Gigabits per second for up to 672 GB/s of memory bandwidth.

"
NVIDIA Titan RTX Graphics Card
"

Tanjila Akter said...

Really amazing content, thanks for sharing with us and keep updating! This website article is really excellent and unique. I will visit your site again. Bangladeshi student can check Honours 3rd Year Result (2015-16) Session 2020 form our site. Honours 3rd Year Result for the active season 2015-16 and the improvement season 2014-15 and 2013-14.
Thank you Pureinfobd

Academic Assignment Writing said...


Nice post. I was checking this blog and I'm impressed! Extremely useful info specifically the last part I care for such information a lot. I was looking for some info for a long time. Thank you and good luck.
What To Write About
How long Should A paragraph be
introduction paragraph examples
Writing A Conclusion
Student Assignment Help
assignment help usa
assignment service provider
academic assignment writing
google core competencies

Tanjila Akter said...

I found your site from Google search. I think it very useful blog with outstanding content. I hope you continue the unique article posting and I must say your keep it up! I really appreciate you, and people can see SSC Result 2020

Mike said...

Great info as usual Nagpur satta king

Priya Escorts said...

Dadar Model Escorts | Cheap Dadar Escorts | Dadar Independent Escorts | Escorts Girls in Dadar | Dadar Escorts Girls

Seo Oj said...

kebutuhan pasutri jadi semakin lengkap dengan adanya levitra cikarang sebagai obat untuk pembangkit ereksi agar hubungan bersama istrinya jadi lebih memuaskan info selengkapnya . dengan bantuan pil levitra karawang yang berasal dari jerman kini pasutri lebih bisa memaksimalkan saat hubungan badan bersama pasangan menuju puncak seksual yang mereka inginkan baca selanjutnya . kehebatan pria saat mengonsumsi levitra semarang semakin dapat menambah percaya diri saat diranjang bersama pasangan tanpa adanya rasa kecewa saat penetrasi read more . rasa khas yang ada didalam permen soloco bandung adalah memiliki rasa coklat yang banyak disukai oleh kalangan pria dan wanita, untuk itu permen ini sangat cocok bagi kalangan dewasa yang ingin mencapai klimaks saat berhubungan intim bersama pasangan.

hellocleaner.ae said...

Thank you for your informative article, if you are looking for House Cleaning Services Dubai or Office Cleaning Services Dubai then please visit our Cleaning Services in Dubai

Packer Movers Mart said...

Packers and Movers in Dungarpur
Packers and Movers in Diu
Packers and Movers in Dhar
Packers and Movers in Dewas
Packers and Movers in Darjeeling

Tanjila Akter said...

Really amazing content, thanks for sharing with us and keep updating! This website article is really excellent and unique. I will visit your site again.
SSC Result 2020

Tanjila Akter said...

Thanks for sharing your info. I truly appreciate your efforts and I am waiting for your next write ups thanks once again.
Honours 2nd Year Result 2020

Geremy said...

To be honest I found very helpful information your blog thanks for providing us such blog
Cricket News

Rajan Mhatre said...

Such a useful article. Your article is very interesting, and I definitely enjoyed it. I would love to thanks for the efforts you had made for writing this extraordinary article.
Customised Face Masks to protcet against COVID-19.

Henry clay said...

I am a freelancer and have been helping a lot of students in providing assistance to students who frequently gets worried about their assessment tasks and went online to search for assignment help terms.
We at My Assignment Services have potentially recognized the need way back and started what we are an enlarged version of then. With many assignment helper companies in the market, no one is quite able to match the standard that we follow. We give utmost priority to students by strictly adhering to the assignment requirements as well as marking rubrics to score high grades. Our dissertation writing services is well-proficient in not only comprehending your assessment tasks but also to give an expert finish to it.
Provided a well-written assignment suitable to your needs, your search for essay writing service uk will now end with My Assignment Services. You just have to visit our website for more information.

Thomas William said...

Allassignmenthelp.com is a well known company in assignment help online. Their services come at a very affordable rate, their homework are always written by experts and they are always on time.
online assignment help
assignment help
Help with Windsor University Assignment
Brampton assignment help service
online assignment help calgary
help with law assignment