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 上，通过 iframe 嵌入交互式地图需要已启用托管功能的付费套餐。如果您的网站不支持 iframe 代码，请分享地图链接或使用静态地图图片。

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. 保存地图。

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

返回页首 ↑

最后更新