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

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%

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

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: 798 times

last updated: 20 Sep '22, 18:01

Openstreetmap: embedding map in webpage (like Google Maps)

Follow this question

Related questions