Scribble Maps 帮助中心
更改语言

分享、销售和嵌入您的地图

功能可用性

  • 免费
  • Lite
  • Pro
  • Lite Pro
  • Pro Business

目录

 

介绍

本指南将向您展示如何分享、嵌入和展示您的 Scribble Maps。无论您是想在博客上展示地图、通过社交媒体分发，还是自定义他人的查看方式，您都可以在下方找到所需的所有步骤。

还没有保存您的地图吗？
访问我们的分步指南：保存地图 (Save a Map)。

如果您使用的是 Pro 计划，您还可以启用隐私选项（使您的地图仅对您自己可见）以及通过密码保护进行安全分享。

返回页首 ↑

 

Map Saved

保存地图后，将出现 SAVE MAP 窗口。您可以在此处获取所需的所有分享工具、链接和嵌入代码。

Share Link

想通过电子邮件、聊天或社交媒体与任何人快速分享您的地图吗？
使用 Share Link — 这是其他人可以查看您地图的公开 URL。

  • QR Code: 切换亮色/暗色版本并保存以用于印刷。
  • URL: 点击 COPY 按钮以获取可分享的链接。
  • 使用场景: 社交帖子、即时通讯应用、电子邮件签名等。

自定义外观

  • Brand It (Pro): 在分享页面上自定义品牌。
  • Configure: 调整您的地图在他人面前的显示方式。

注意: 根据您的设置，这可能会显示为 "Share Link" 或 "Share & Sell Link"。

Map ID

稍后需要引用或重新加载地图吗？
每张地图都有一个唯一的 Map ID。您可以使用它来：

  • 重新加载您的地图进行编辑。
  • 将此地图中的内容导入到另一张地图中。
  • 与协作者分享该 ID。

点击 COPY 保存以备后用。

Edit Link

想稍后返回并编辑此地图，或者与团队成员分享编辑权限吗？

  • 点击 COPY 保存 Edit Link。
  • 将其添加为书签以便轻松访问。
  • 与需要编辑权限的其他人员分享。

Developer Links & Embed Code

想将您的地图嵌入到网站中或在自定义开发中使用它吗？
这些工具对于高级集成或导出您的地图数据特别有用。

如果您要在网站上嵌入地图或在应用中使用它，请点击 Show Developer Links & Embed Code 以访问：

  • Embed Code: 用于嵌入的 HTML iframe
  • Developer Links: 导出格式，如 GeoJSON、KML、GPX、CSV、SHP、DXF 和 SMJSON。这些链接允许您将地图数据与其他应用程序集成，或用于高级使用场景。
  • 其他选项：
    • Save Image: 导出静态地图图像。
    • Save PDF
    • Send To Friend: 直接通过电子邮件发送您的地图。
    • Continue Working: 返回地图编辑器。

提示: 将您的 Share Link 和 Edit Link 保存到安全的地方。

返回页首 ↑

 

配置分享设置

 

点击 Map Saved 窗口中的 Configure 按钮，以自定义共享地图的外观和行为。

View

想控制访问者在地图上的初始位置吗？

  • Start View: 设置地图打开时的纬度、经度和缩放级别。
  • Map Limits: 定义用户无法平移超出的边界。

当您引导访问者到特定位置或将注意力集中在某个地理区域时，请使用此功能。

Interface

切换在查看器中显示的界面功能。

  • Items Bar
  • Layers
  • GPS
  • Share button
  • Data View
  • Search
  • Map Type selector
  • Hide Locked
  • Theme: Light or Dark

使用此功能可以简化地图界面或匹配您网站的设计。

Info Popup

想让用户在移动端快速从您的地图获取路线导航吗？

  • 开启/关闭 Directions Button (Mobile) 开关。

这为移动端用户添加了一键导航功能 — 非常适合活动地图或门店位置。

Search

配置用户在您的地图上进行搜索的方式。

  • Only items on map: 将搜索结果限制为地图上的项目（非常适合门店定位器）。
  • Center On Search: 自动平移到搜索结果。
  • Restrict Search to Location: 防止结果显示在定义区域之外。

这些功能非常适合交互式查找器或本地化应用。

Branding (Change & Remove)

将您的品牌添加到地图查看器中，并移除 Scribble Maps 徽标。

  • 开启 Your Branding 并输入自定义名称或公司标签。
  • 移除 Scribble Maps 加载徽标。
  • 在地图右下角显示您的标签。

此功能仅在 Pro 计划中可用。

Analytics

使用 Google Analytics 4 跟踪互动度。

使用 Google Analytics 4 跟踪地图浏览量。

  • 输入您的 GA4 衡量 ID（例如 G-XXXXXXXXXX）。
  • 通过您的分析控制面板跟踪地图浏览量和互动。

这对于营销团队或任何跟踪用户参与度的人非常有用。

Screen Effects

为您的共享地图增添一些特色。

  • 启用 Screen Effects
  • 从以下有趣的动画中进行选择：
    • Rain
    • Snow
    • Flying Money

对于交互式地图，您还可以在配置嵌入代码时，通过启用或禁用缩放控制、搜索功能、地图类型选择等选项来自定义用户交互。

这些效果会显示在地图上方，用于节日或主题展示。

完成设置

调整完设置后：

  1. 点击 Save Settings 应用您的更改。
  2. 使用 Preview 按钮查看地图的显示效果。
  3. （可选）点击 Get Embed 生成新的嵌入代码。

返回页首 ↑

 

在网站上嵌入

 

想让您的地图显示在您的博客、WordPress 网站或自定义网站上吗？ 方法如下：

WordPress & Blogger

WordPress（自托管）

  1. 登录您的网站。
  2. 打开文章或页面。
  3. 添加一个 Custom HTML 区块。
  4. 粘贴您地图的嵌入代码。
  5. 预览并发布。

注意：WordPress.com（托管版）不支持交互式地图 — 仅支持静态图像嵌入。

Blogger

  1. 登录 Blogger。
  2. 创建或编辑文章。
  3. 切换到 HTML 视图。
  4. 粘贴嵌入代码。
  5. 预览并发布。

自定义网站

自定义网站

  1. 打开您网站的 HTML file。
  2. 将嵌入代码粘贴到地图应显示的位置。
  3. 保存并在浏览器中查看。

嵌入配置选项

  • 在交互式地图或图像地图之间进行选择。
  • 设置宽度/高度、亮色/暗色主题以及哪些控件可见。

您可以设置尺寸、主题（亮色/暗色）以及交互式地图上显示的控件。

 

返回页首 ↑

 

社交媒体分享

 

想将您的地图发布到 Reddit、X (Twitter) 或 Facebook 吗？

只需使用您的 Share Link。如果您拥有高级账户，您还可以设置隐私选项，将您的地图设为私有/未列出（不在我们的门户中分享，但任何知道该 URL 的人都可以查看）或安全（需要密码或登录才能访问）。

您对地图所做的任何更改并保存后，都将自动在所有分享链接和嵌入版本中更新。

发布到 Reddit

  1. 登录 Reddit。
  2. 选择正确的社区。
  3. 创建新帖子。
  4. 粘贴 Share Link。
  5. 添加标题并发布。

注意：地图预览可能需要几分钟时间才能在 Reddit 帖子中正常渲染。

返回页首 ↑

 

使用限制

在共享地图中使用 Google 底图时，根据您的订阅情况，会有每月浏览量限制：

  • Pro Basic: 1,500 次浏览/月。
  • Pro Business: 5,000 次浏览/月。

一旦您的地图超过这些限制，它将自动切换为 Scribble Maps 底图或类似的等效底图。

返回页首 ↑

 

常见问题

如何在不显示左侧菜单的情况下分享我的地图？

您可以通过仅分享 iframe 的 URL 而不是完整的嵌入代码来移除编辑器界面：

  1. 前往 MENU → Get Embed 或使用 Map Saved 窗口。
  2. 将嵌入代码复制到文本编辑器中。
  3. 仅从 iframe 中提取 URL。嵌入代码看起来类似于：
    <iframe src="https://www.scribblemaps.com/maps/view/YourMapName/YourMapID" style="width: 100%; height: 400px"></iframe>。
    您只需要 "src=" 后面双引号之间的 URL。
  4. 分享该直接 URL。仅使用该 URL 即可提供更整洁的视图，而无需显示编辑菜单。
     


如何更新我已经分享的地图？

很简单！当您执行以下操作时，所有分享和嵌入的版本都会自动更新：

  1. 重新打开您的地图。
  2. 进行更改。
  3. 保存地图。

所有分享的实例都将自动更新。

返回页首 ↑

最后更新