Openstreetmap: embedding map in webpage (like Google Maps)

Is there a way to embed/mashup the OpenStreetMap in your page (like the way Google Maps API works)?

I need to show a map inside my page with some markers and allow dragging/zooming around, maybe routing. I suspect there would be some Javascript API for this, but I can't seem to find it.

Searching gets me an API for access to raw map data , but that seems to be more for map editing; besides, working with that would be a heavy task for AJAX.

skytv

asked 20 Sep '22, 13:34

dexter
19●3●3●4
accept rate: 0%

edited 20 Sep '22, 18:01

Spiekerooger
3.1k●2●23●56

2 Answers:

active answers oldest answers newest answers popular answers

Hi!

Javacript packages like Leaflet and MapLibre allow you to create web maps really easily. If you check out their docs they'll give you a bunch of examples displaying Open Street Map! The first page on Leaflet shows you how to display an OSM map and add a marker.

permanent link

answered 20 Sep '22, 13:41

danhirst
16
accept rate: 0%

edited 20 Sep '22, 13:43

0	UMap and facilmap can do that. Search this site if you need more details, this question has been answered many times... permanent link answered 20 Sep '22, 17:50 H_mlet 5.4k●17●81 accept rate: 13%

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

learn more about Markdown

Question tags:

skytv ×1

question asked: 20 Sep '22, 13:34

question was seen: 809 times

last updated: 20 Sep '22, 18:01

Openstreetmap: embedding map in webpage (like Google Maps)

Follow this question

Related questions