SuperAPI AI 工具集

maptiler-sdk-js

编程与开发

查看项目

更新于 10-16 00:05

技能介绍

用途:在网页中构建交互式地图,基于 MapLibre GL JS 扩展,兼容原生 MapLibre 的源与图层。主要能力:统一 API Key 配置(config.apiKey)、MapStyle 枚举样式、helpers 快速绘制折线/多边形/点/热力图/截图、内置地理编码、地理定位、海拔、静态地图、3D 地形(terrain: true)、地球投影(projection: 'globe')、构造器级控件、完整 TypeScript 类型。使用方式:安装 npm install @maptiler/sdk,单独引入 CSS import '@maptiler/sdk/dist/maptiler-sdk.css';或使用 CDN 脚本与样式。需向用户索取 API Key,勿硬编码假密钥。框架环境变量:Vite 用 VITE_MAPTILER_API_KEY,Next.js 用 NEXT_PUBLIC_MAPTILER_API_KEY,CRA 用 REACT_APP_MAPTILER_API_KEY。最小地图示例:new maptilersdk.Map({ container: 'map', style: maptilersdk.MapStyle.STREETS, center: [lng, lat], zoom: 12 })。注意容器需显式高度,坐标顺序为 [lng, lat]。适用场景:网页地图、地点搜索、数据可视化、3D 地形、地球视图、静态地图图片。限制:需 MapTiler Cloud API Key;部分功能依赖网络;未提供具体收费与价格信息。