I would like to place a map of a specific place (state park) on a web page about that park. Embedded map would be best; screenshot would suffice. When users click the map, I want them to go to that specific location on OSM.

asked 01 Dec '12, 22:46

Hilltromper's gravatar image

Hilltromper
11112
accept rate: 0%


Browse to the park on the openstreetmap website. Then click on the export tab at the top.

Select either "Embeddable HTML" for an embedded map or select "Map Image (shows standard layer)" for a static image.

You can make a static image clickable by putting code like the following in your webpage.

<a href="http://www.openstreetmap.org/?lat=52.08825&lon=5.14009&zoom=17&layers=M">
  <img src="Wilhelminapark.png" />
</a>

You can get the value for "href" by clicking on the "permalink" at the bottom right of the map when looking at the park on the openstreetmap website.

permanent link

answered 02 Dec '12, 00:59

cartinus's gravatar image

cartinus
7.0k965105
accept rate: 27%

Have a look at the OSM wiki about Static_map_images to find some solutions.

permanent link

answered 03 Dec '12, 16:58

stephan75's gravatar image

stephan75
12.5k453209
accept rate: 6%

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Question tags:

×87

question asked: 01 Dec '12, 22:46

question was seen: 3,184 times

last updated: 03 Dec '12, 16:58

powered by OSQA