A comprehensive developer guide and technical reference for integrating DiDi Maps JSAPI into web applications.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install didi-map-jsapi
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install didi-map-jsapi 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 didi-jsapi?
The didi-jsapi skill serves as an authoritative reference for developers working with the DiDi Maps JavaScript API. It provides structured guidance on core mapping functionalities, ranging from basic map initialization to complex spatial data visualizations. By leveraging this skill, developers can ensure they are following best practices for security, performance optimization, and API usage within the DiDi ecosystem.
This resource is specifically designed to streamline the implementation of DiMap features, offering clear instructions on handling coordinates, managing map layers, and processing user interactions. Whether you are building a simple location picker or a complex logistics dashboard, these Openclaw Skills provide the necessary code snippets and architectural patterns to accelerate your development cycle.
didi-jsapi Use Cases
- Building new map-based web pages or reusable map components.
- Configuring secure API authentication using security keys and proxy servers.
- Adding interactive overlays such as markers, polylines, and polygons to a map.
- Handling complex user interactions including clicks, drags, and zoom events.
- Implementing advanced spatial features like heatmaps and point clustering.
- Debugging map rendering performance or coordinate transformation issues.
How didi-jsapi Works
- The developer triggers the skill when mentioning DiMap, DiDi Maps, or specific JSAPI requirements.
- The skill identifies the core requirement, such as coordinate conversion (LngLat) or map initialization.
- It references specific documentation modules (e.g., map.md, marker.md) to provide relevant API signatures.
- It generates compliant code examples for the requested feature, including necessary security configurations.
- The developer implements the provided logic into their frontend application, utilizing the provided TypeScript definitions for type safety.
didi-jsapi Setup
To get started with the didi-jsapi skill within your environment, ensure you have the Openclaw Skills framework configured. Follow these steps for basic setup:
- Ensure your project has access to DiDi Maps JSAPI credentials.
- Configure your security key or proxy server as detailed in the auth reference:
# Example of setting up the map environment
npm install @didimap/jsapi # Hypothetical package installation
- Initialize your map instance using the provided documentation in
references/map.md.
didi-jsapi Data Schema & Taxonomy
The didi-jsapi skill organizes information into a modular taxonomy for quick access:
| Category | Description | Key References |
|---|---|---|
| Core | Map initialization and event handling | map.md, base-evented.md |
| Coordinates | Classes for LngLat, Points, and Mercator | coordinate-lnglat.md, coordinate-point.md |
| Overlays | Visual elements like Markers, Circles, and Polygons | marker.md, overlay-polygon.md |
| Vector Layers | Data-driven layers and 3D extrusions | vector-polygon-layer.md, vector-symbol-layer.md |
| Services | External API calls for routing and geocoding | service-route.md, service-geocode.md |
| Utilities | Calculation tools for distance and area | util-geometry.md |
didi-jsapi Advanced Features
- Multi-layer management including HeatmapLayers and LabelLayers for high-density data.
- Advanced Marker Clustering (MarkerCluster) to maintain performance with thousands of points.
- 3D Polygon Extrusion support for architectural or terrain visualization.
- Comprehensive TypeScript (TS) definitions for robust, error-free development.
- Integration with Shape Editors for real-time geometry drawing and editing.
- Professional-grade spatial services including Route Planning and POI Search.
SKILL.md
Loading
Related Openclaw Skills
K8S Cluster Deployment Skill
A professional-grade automation skill for deploying, configuring, and verifying Kubernetes clusters on Ubuntu systems from scratch.
Sortino Reference Tool
A specialized financial reference engine designed to provide instant access to Sortino ratio calculations, regulatory frameworks, and risk management strategies.
Pollen Monitor
A specialized monitoring tool for tracking pollen concentration levels and receiving health protection advice across major mainland Chinese cities.
WhatsApp Message Monitor
A real-time monitoring and automation skill that filters WhatsApp messages for keywords and exports them to structured Feishu tables.
Octoparse Integration Skill
A powerful integration for AI agents to automate no-code web scraping, data extraction, and task management through the Octoparse API.
Multisig
A comprehensive CLI-based reference tool for managing and troubleshooting multi-signature wallet configurations in blockchain environments.
Featured*
