Amap Jsapi Skill
Expert-level Gaode Map (AMap) JSAPI v2.0 integration for 3D maps, LBS services, and secure implementations.
Free
Works with the AI tools you already use
Claude Code
Cursor
Codex CLI
Muse
OpenClaw+21 moreClaude CodeCursorCodex CLIMuseOpenClaw
Manus
Grok
Grok Bot+18 agentsamap-jsapi-skill
Example session with this skill installed
Initialize a 3D AMap v2.0 instance with the Scale and Driving plugins, using my env key and the required appname config.
- Read your context and instructions
- Compiled the amap-jsapi-
AMapLoader.load({
key: process.env.AMAP_KEY,
version: '2.0',
plugins: ['AMap.Scale', 'AMap.Driving']
}).then((AMap) => {
AMap.getConfig().appname = 'amap-jsapi-skill';
const map = new AMap.Map('container', { viewMode: '3D', zoom: 12 });
map.addControl(new AMap.Scale());
});
Connects securely to your tools. The creator never sees your data.
About this skill
Professional Gaode (AMap) JSAPI v2.0 Integration
Developing interactive map applications requires more than just displaying a tile layer. It demands precise control over the WebGL lifecycle, secure authentication, and complex vector drawing. This skill equips your AI agent with the deep technical knowledge required to build robust location-based services using the official Gaode Map (AMap) JavaScript SDK v2.0.
What it does
- Lifecycle Management: Correctly initializes map instances with 3D view modes, proper viewport settings, and clean memory disposal using
map.destroy(). - Secure Deployment: Implements v2.0 security protocols, including
AMap_SECURITY_JS_CODEconfiguration and proxy-based service host setups. - Rich Visuals: Codes advanced markers (LabelMarkers with collision detection), vector graphics (Polylines, Polygons, Circles), and custom layers (Canvas, WMS, Three.js).
- LBS Service Integration: Implements complex features like reverse geocoding, route planning (driving, walking, transit), POI search, and input auto-completion.
Why use this skill?
While generic AI models often mix up API versions or ignore critical security requirements, this skill is purpose-built for JSAPI v2.0. It ensures your agent adheres to the latest AMapLoader patterns, prevents WebGL context leaks, and follows the mandatory security config rules that often cause "Invalid Key" or "Security Check" errors in map development.
Output Format
Your agent will produce ready-to-use HTML/JavaScript snippets or full components, correctly utilizing ES modules or script loaders as required, with all logic encapsulated in the workspace directory.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
2 installs
Downloaded by developers to date
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 4 months ago
- Free to download with an account
Needs access to
Abc
Aliyun Inc
Arcgisonline
Ahocevar
Amap
Xxx
Openstreetmap
W3