NOTICE: help.openstreetmap.org is no longer in use from 1st March 2024. Please use the OpenStreetMap Community Forum

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
26112
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.0k1066105
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.6k556210
accept rate: 6%

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:

×111

question asked: 01 Dec '12, 22:46

question was seen: 6,610 times

last updated: 03 Dec '12, 16:58

NOTICE: help.openstreetmap.org is no longer in use from 1st March 2024. Please use the OpenStreetMap Community Forum