Skip to main content

地图可视化和样式

你的品牌。
一直走到最后一条街。

让您的地图看起来像您一样。塑造自定义地图样式,简化标签和图层,并将您自己的数据带入视图。

风格工作室加载预览
Amsterdam 52.372° N · 4.894° E

让它成为你的

一个新的视角。
只需点击几下。

地图样式设置
选择一个起点
找到你的颜色
保留重要的东西

数据层使用说明性样本位置。

查看调色板 JSON
{
  "name": "Atlas light",
  "description": "Clear, calm and ready for anything.",
  "land": "#f2f1ed",
  "water": "#b7d7e4",
  "parks": "#d2dfc5",
  "buildings": true,
  "roads": "#ffffff",
  "main": "#fff9e9",
  "text": "#4c5c62",
  "halo": "#fafaf7",
  "boundary": "#bac3bf",
  "labels": true
}
自定义调色板 灵活的数据层 互动设计

专为归属而设计

地图是您产品的一部分。
让它有这样的感觉。

从第一印象到最小的标签,构建一种与您的其他体验相匹配的视觉语言。

每一层。
你的设计语言。

将道路、水和绿色空间纳入您的调色板。给标签喘息的空间。保留有助于人们找到方向的细节。

你的数据。
就在它所属的地方。

将地图变成您自己的工作画布。添加位置、突出显示某个区域或使用热图显示模式。

带有位置点、蓝色路线、区域边界和图层控件的平面地图插图

从想法到界面

找到你的样子。
将其构建到您的应用程序中。

从清晰的地图开始。让它成为你自己的。将其与您正在构建的体验联系起来。

探索文档
  1. 01

    选择你的起点

    选择适合您产品的调色板,从干净的日常地图到集中的黑暗视图。

  2. 02

    让细节成为焦点

    优化颜色和标签。添加用户需要的标记、路线和区域。

  3. 03

    连接您的应用程序

    将 MapAtlas 地图数据与 MapLibre GL 和您自己的样式配置一起使用。让您的设计和数据协同工作。

更详细一点

好问题。
明确的答案。

询问我们的团队
我可以在 MapAtlas 地图上自定义什么?

您可以设置道路、水域、公园和建筑物的颜色,调整标签并选择显示的图层。添加您自己的标记、弹出窗口和地理数据,使地图适合您的应用程序。

我可以创建浅色和深色地图样式吗?

可以。使用不同的调色板满足不同场景,例如浏览时使用浅色地图,仪表板使用深色地图。在上面的预览中试试 Atlas 浅色、石墨灰和暖象牙色。

我可以将自己的数据添加到地图中吗?

是的。使用 GeoJSON 源和地图图层来显示位置、路线、区域和热图。预览使用说明性数据;您的应用程序提供您想要显示的位置和属性。

预览是否会更改基础地图数据?

不会。预设会改变同一张地图的呈现方式。当您更改调色板、标签或可见建筑物时,您的位置和缩放保持不变。

“复制调色板JSON”包括什么?

它会复制此预览中的颜色和图层可见性选择。它是您自己的样式的起点,而不是完整的地图样式文件。您的应用程序仍然需要其地图源、图层定义和 API 凭据。

我该如何开始?

创建一个 MapAtlas 帐户,选择您需要的映射 API 并将地图连接到您的应用程序。使用集成详细信息的文档和当前免费套餐的定价页面。我们的团队可以帮助满足样式和数据要求。

在地图上留下您的标记

你的地图会是什么样子?

你的颜色。你的数据。一张有家的感觉的地图。