bmap-jsapi-three for Openclaw

A professional 3D map and GIS development library leveraging MapV-Three and a Z-up coordinate system for high-performance spatial visualizations.

baidu-maps
v1.0.2
May 12, 2026
3
960
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install mapv-three

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install mapv-three using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is bmap-jsapi-three?

The bmap-jsapi-three skill provides a robust framework for building advanced 3D GIS applications using the MapV-Three engine. It specifically utilizes a Z-up coordinate system (X-East, Y-North, Z-Up), which aligns more naturally with geographic data than standard WebGL Y-up systems. By integrating this into Openclaw Skills, developers gain access to a full suite of tools for 3D modeling, real-time data tracking, and complex spatial rendering.

This skill simplifies the process of creating interactive map environments, handling everything from basic markers to complex 3D tiles and terrain providers. It is designed for high-performance rendering of urban environments, traffic systems, and environmental data, making it an essential tool for modern Web-GIS development.

bmap-jsapi-three Use Cases

  • Developing interactive 3D map editors and feature drawing tools.
  • Creating precise geographic measurement utilities for urban planning.
  • Visualizing real-time traffic flow and path tracking animations for logistics.
  • Building Digital Twin applications for smart cities and building management.
  • Rendering complex spatial datasets using heatmaps and 3D tilesets.

How bmap-jsapi-three Works

  1. The engine is initialized using the core Engine class, specifying a container and setting the camera via a range parameter instead of traditional zoom levels.
  2. Spatial data is ingested through various DataSource components, supporting formats like GeoJSON, CSV, and JSON.
  3. Geographic features are rendered as 3D objects, including points with specialized effects, polylines, and volumetric walls or pillars.
  4. Dynamic behaviors are added using trackers (Path, Object, or Orbit) and easing functions for smooth animations.
  5. The visualization is enhanced with layers for imagery, terrain, and weather systems, all managed through the MapView provider system.

bmap-jsapi-three Setup

To use this skill, you must provide a valid BMap JSAPI Key. Set it in your environment to begin development within Openclaw Skills.

export BMAP_JSAPI_KEY="your_baidu_map_api_key"

Basic initialization in your JavaScript environment:

const engine = new mapvthree.Engine(container, {
  map: {
    center: [116.404, 39.915],
    range: 1000
  }
});

bmap-jsapi-three Data Schema & Taxonomy

The skill organizes spatial data and visual layers using a structured hierarchy:

Component Description Supported Formats
Data Sources Core data management GeoJSON, JSON, CSV
Imagery Providers Map tile layers Baidu, OSM, Tianditu, WMS, WMTS
3D Tiles Massive 3D dataset loading Default3DTiles, HDMap3DTiles
Trackers Animation and lifecycle management Path, Object, Orbit

All objects use property proxies for attribute assignment, ensuring that changes to properties like color or position are reflected instantly in the render loop.

bmap-jsapi-three Advanced Features

  • Digital Twin capabilities for simulating and visualizing real-time vehicle flow with DataProvider integration.
  • Advanced Material system featuring WaterMaterial and custom mesh standard extensions.
  • Comprehensive editing and measurement tools for real-time spatial manipulation.
  • Support for LOD (Level of Detail) models to maintain high performance in complex scenes.
  • TileMask functionality for clipping imagery layers to specific administrative or geographic boundaries.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*