Free map embed tool

Embed a custom map
on your website

Draw routes, mark areas, add notes: then copy one iframe and publish it anywhere. No API key required.

这个工具的功能

如果您在寻找 地图嵌入代码在网站上嵌入地图在HTML中嵌入地图,那么您通常需要两种东西之一:一个简单的位置标记,或一个展示路线、服务区域或注释的自定义地图。

Draw on a Map 为后一种情况而设计。您不仅可以嵌入一个标记,还可以嵌入您创建的完整地图状态——绘图、笔记、缩放级别以及所有内容。

✦ 如何嵌入 ✦

如何嵌入自定义地图

1
创建您的地图

打开 Draw on a Map,搜索一个位置,然后绘制您希望访客看到的路线、圆圈或注释。

2
生成 iframe

在工具栏中点击“嵌入”按钮(位于“分享”旁边)。代码将立即生成。

3
粘贴到您的网站

复制 iframe 并粘贴到您的网站 HTML、CMS 代码块或嵌入小程序中。

embed.html
<iframe
  src="https://drawonamap.com/embed/#..."
  title="Draw on a Map embed"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>
✦ 为什么使用这个 ✦

为什么使用这个而非普通嵌入?

🗺

自定义路线覆盖

展示您希望人们看到的精确步行路径、入口、会面点或服务区域。

🔑

无需 API 密钥

该工具生成托管的嵌入代码。您无需配置自己的地图API。

📍

适用于任何场景

场地页面、房地产列表、旅游指南、配送区域、活动指南——在任何一个标记不够的地方。

✦ 常见问题 ✦

常见问题

我可以在原始 HTML 中嵌入地图吗?

可以。复制 iframe 代码并直接粘贴到您的 HTML 模板或代码块中。

我可以嵌入带有自己路线或笔记的地图吗?

可以。嵌入功能会完整保留您的绘图、缩放级别和地图位置。

我需要 API 密钥吗?

不需要。Draw on a Map 生成托管的 iframe 嵌入代码——您方无需 API 密钥。

准备好嵌入您的地图了吗?

大约只需两分钟。绘制,点击嵌入,复制代码。