向访客展示到达门口的路线

在交互式网站地图上标明路线、入口和注释。Draw on a Map 提供可粘贴到网页中的嵌入代码，无需 API 密钥。

创建网站地图比较各个选项

免费绘图和分享，无需账号。

带有步行路线和停靠点的嵌入地图示例。

制作你需要的地图。

标明进入路线

找到你的位置，绘制到达路线，并为入口或集合点添加注释。

将地图添加到网页

选择“嵌入”，将 iframe 代码复制到网站的 HTML 块中，然后设置适合网页的地图高度。

检查访客看到的页面

在手机上打开网页，检查路线和标签，并在网页正文中保留地址和关键指路信息。

你可以制作什么

使用 Draw on a Map，向网站访客展示所需的入口、步行路线或区域。在地图上绘图后，复制嵌入代码并将其添加到网页中。如果你需要地点目录或基于 Google 的地点列表，可以比较下面的其他工具。

快速了解

按任务选择工具
工具	适用场景	价格与使用条件
Draw on a Map	嵌入路线或区域地图	绘图和通过普通链接分享均免费。PNG 和 PDF 文件可免费下载，但带有水印。移除水印和使用部分分享功能需要付费。
Mapme	供访客浏览的地点目录	Starter 为每月 50 美元或每年 360 美元。更高套餐支持导入并提供更多地点额度。
Google My Maps	基于 Google 的基本地点列表	使用 Google 账号即可免费使用。

选择地图所需的功能

1. Draw on a Map我们的产品

适用场景: 嵌入路线或区域地图
价格: 绘图和通过普通链接分享均免费。PNG 和 PDF 文件可免费下载，但带有水印。移除水印和使用部分分享功能需要付费。

绘制从车站出发的路径、指出入口或标记区域。复制嵌入代码后，访客便能在网页中平移和缩放地图。无需账号或 API 密钥，即可创建基本的嵌入地图。

选择前请确认： 你需要内容丰富的地点列表，并且希望访客能按类别筛选。

打开 Draw on a Map

2. Mapme

适用场景: 供访客浏览的地点目录
价格: Starter 为每月 50 美元或每年 360 美元。更高套餐支持导入并提供更多地点额度。

如果需要带有地点媒体内容和分类的目录，可以考虑 Mapme。请根据计划发布的内容，检查它对地点数量和编辑人员数量的限制。

选择前请确认： 访客只需要找到一个入口或一条路线。较简单的嵌入地图就能满足这一需求，也能减少内容准备工作。

Mapme 产品详情

3. Google My Maps

适用场景: 基于 Google 的基本地点列表
价格: 使用 Google 账号即可免费使用。

如果团队已在使用 Google 账号维护公开的地点列表，可以考虑 My Maps。嵌入前，请先设置公开分享。

选择前请确认： 你需要自定义目录展示方式，或希望无需账号即可绘图。

Google My Maps 产品详情

在地图上标明路线

即使街道地址正确，入口也可能不容易找到。使用 Draw on a Map，你可以展示从车站出发的步行路径、标记入口，并添加集合点注释。访客无需离开网页，就能平移和缩放嵌入地图。

基本绘图功能和标准分享链接可免费使用。免费嵌入地图会显示“Powered by Draw on a Map”。保存地图并使用 Pro，即可移除这一品牌标识。PNG 和 PDF 文件可免费下载，但带有水印。在已保存的地图上进行实时协作需要 Pro。

有关 iframe 模板和设置说明，请参阅地图嵌入教程。

根据访客的任务选择地图

如果需要指路或直观展示区域边界，可以使用带有注释的地图。如果访客需要查询你是否为其地址提供服务，请使用单独收费的 Service Area Widget。

地点目录的用途有所不同。访客可能需要通过分类和地点媒体内容来选择目的地。请根据这些需求，比较下方的目录工具。

在网页中测试地图

将地图嵌入测试页面，并使用实际的页眉、正文和间距。在手机上打开页面，并测试键盘导航。

检查控件是否可见、标签是否清晰可读，以及访客能否滚动越过地图。在普通网页正文中保留地址和必要的指路信息，让访客在不使用地图的情况下也能获取这些信息。

发布和维护地图

在独立的浏览器会话中打开已发布的网页，检查访客能看到什么。如果在复制嵌入代码前已保存地图，嵌入地图会显示最新保存的版本。如果地图尚未保存，则每次修改绘图后，都需要生成新的嵌入代码，并替换网站上 iframe 的 src。更新后，请再次检查网页。

将编辑权限保留给负责维护地图的人员，向访客分享查看链接或网站页面，并指定一人检查过时的地点信息和失效链接。

为你的网站创建地图

常见问题

可以在网站中嵌入路线和注释吗？

可以。Draw on a Map 能将路线、形状和注释嵌入交互式地图。选择“嵌入”，复制 iframe 代码，然后将其粘贴到网站的 HTML 块中。

图片和交互式嵌入地图一样吗？

不一样。访客可以平移和缩放交互式嵌入地图，而图片是固定的。Draw on a Map 的绘图功能和标准分享链接可免费使用。PNG 和 PDF 文件可免费下载，但带有水印。

如何更新网站上的地图？

如果在复制嵌入代码前已保存地图，嵌入地图会显示最新保存的版本。如果地图尚未保存，则每次修改绘图后，都需要生成新的嵌入代码，并替换网站上 iframe 的 src。

制作地点目录应该考虑哪种工具？

如果访客需要查看地点媒体内容并按类别筛选，可以比较 Mapme。如果网页需要展示路线、区域或注释，则可以使用 Draw on a Map。