Skip to main content

JavaScript Map API

面向 Web 与移动端的交互式矢量地图

使用我们的矢量瓦片API构建美观、快速且可定制的地图。非常适合需要以流畅性能和完全设计控制来可视化位置数据的任何应用程序。

主要功能

构建强大地图应用程序所需的一切

矢量瓦片

高性能矢量瓦片,可在任何缩放级别实现流畅、可扩展的交互式地图和清晰渲染

可定制样式

完全控制地图外观,使用符合您品牌的自定义颜色、字体、图标和视觉元素

全球覆盖

全球地图数据,定期更新和全面的兴趣点数据库

移动端和Web端支持

为iOS、Android和Web平台优化的SDK,支持响应式设计

开发者友好

简单集成,配有全面的文档、代码示例和SDK支持

3D建筑支持

3D建筑挤出和地形可视化,打造沉浸式地图体验

提供卓越的用户体验

高性能实时渲染使流畅的交互式地图保持用户参与度并促使他们回访。

高性能矢量地图

体验闪电般快速的渲染,轻松处理海量位置数据。我们优化的矢量瓦片在2D和3D环境中提供流畅的过渡、缩短的加载时间和精美的动画。

  • 矢量瓦片技术可在任何缩放级别实现清晰渲染
  • 针对大型数据集优化的性能
  • 硬件加速的3D地形和建筑

动态、交互式体验

完全控制地图的每个视觉方面,并具有在运行时动态修改它们的灵活性。通过实时样式、自定义交互性和强大的动画功能创建引人入胜的响应式地图体验。

  • 实时地图样式和主题切换
  • 自定义控件和交互元素
  • 高级事件处理和用户交互

技术规格

核心规格

响应格式
Vector Tiles
瓦片大小
256-512px(可配置)
缩放级别
0-22(全球到建筑)
压缩
gzip/brotli 支持

覆盖范围和数据

地理覆盖范围
全球
数据来源
OpenStreetMap + Proprietary
更新频率
每月更新
POI类别
100多个类别

性能和限制

API速率限制
无限制
缓存
Client-side & CDN 支持
CORS支持
可配置的源
免费套餐
每月10,000次地图加载

平台支持

Web
MapMetrics GL
移动端
iOS (Swift), Android (Kotlin/Java)
框架
React, Vue, Angular 支持

准备好开始了吗?

立即使用MapAtlas开始构建。免费注册并立即访问我们所有的地图API,享受慷慨的免费层限制。

关于动态地图的常见问题

在集成 MapAtlas Dynamic Maps 之前需要了解的一切。

关于动态地图的常见问题

在集成 MapAtlas Dynamic Maps 之前需要了解的一切。

MapAtlas 与 Mapbox GL JS 兼容吗?
是的。MapAtlas 使用 MapMetrics GL 库,该库与 Mapbox GL JS 的 API 兼容。大多数应用程序只需更新瓦片 URL 和 API 密钥即可以最少的代码更改完成迁移。
我可以使用自定义地图样式吗?
是的。MapAtlas 支持完整的 Mapbox GL 样式规范,这意味着您可以使用 Maputnik 或 GL Style Spec 创建和应用任何自定义样式。您的品牌形象、自定义颜色和图层配置均完全受支持。
支持哪些地图瓦片格式?
MapAtlas 支持矢量瓦片 (MVT)、栅格瓦片 (PNG/WebP) 和地形瓦片。交互式地图推荐使用矢量瓦片,因为它们支持客户端样式和缩放级别插值。
MapAtlas 地图 API 的定价如何?
每月免费提供 10,000 次地图瓦片请求,无需信用卡。之后适用按需付费定价。MapAtlas 提供透明的按需付费定价,具备慷慨的免费额度和欧盟托管基础设施,符合 GDPR 要求。
地图符合 GDPR 吗?
是的。所有瓦片请求均通过基于欧盟的基础设施路由。不存储用户 IP 地址或会话数据。MapAtlas 运行在通过 ISO 27001 认证的欧盟数据中心,并完全符合 GDPR。
什么是可定制地图?
可定制地图是一种可交互的 Web 或移动端地图,其颜色、字体、图层、图标和标签显示等都不被地图提供方固定,而是由开发者自行控制。MapAtlas 将整个地图样式以 JSON 对象的形式暴露出来,可以手动编辑,也可以通过可视化样式编辑器修改,从而让地图与品牌风格以及想要呈现的数据相匹配。
如何为我的网站创建一张自定义地图?
把 MapAtlas 的脚本标签加入页面,指向瓦片 URL,再传入样式 JSON 即可。开箱即得一张支持平移、缩放和 3D 建筑的交互式矢量地图。之后可以修改底图颜色、隐藏标签、添加 marker,或叠加自有的 GeoJSON 图层。基础场景下无需任何后端。
可以不写代码就当作地图构建器使用吗?
基础样式编辑可以做到。MapAtlas 的地图样式是纯 JSON,绝大多数颜色、字体和可见性调整都可以在可视化样式编辑器中完成并导出。如果需要更高级的图层和数据驱动样式,则需要写少量 JavaScript 或使用样式 API。