amap-jsapi-skill
by 崔新超
Expert-level Gaode Map (AMap) JSAPI v2.0 integration for 3D maps, LBS services, and secure implementations.
- Implement a secure 3D map initialization with proxy-based authentication.
- Draw high-performance markers with collision detection for point-dense maps.
- Search for nearby POIs and calculate optimal driving routes between coordinates.
Free
Included in download
- Downloadable skill package
- Works with Claude Code, Cursor
- 2 permissions declared
Sample input
Initialize a 3D AMap v2.0 instance with the Scale and Driving plugins, using my env key and the required appname config.
Sample output
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()); });
amap-jsapi-skill
by 崔新超
Expert-level Gaode Map (AMap) JSAPI v2.0 integration for 3D maps, LBS services, and secure implementations.
Free
Included in download
- Downloadable skill package
- Works with Claude Code, Cursor
- 2 permissions declared
- Instant install
Sample input
Initialize a 3D AMap v2.0 instance with the Scale and Driving plugins, using my env key and the required appname config.
Sample output
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()); });
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.
Use Cases
- Implement a secure 3D map initialization with proxy-based authentication.
- Draw high-performance markers with collision detection for point-dense maps.
- Search for nearby POIs and calculate optimal driving routes between coordinates.
- Overlay custom data layers using Canvas or WebGL GLCustomLayer.
Known Limitations
- Requires manual env setup for security keys to avoid auth failures.
- WebGL 3D features may lag in resource-constrained environments.
- Not for React/Vue-specific wrapper troubleshooting.
How to Install
mkdir -p ~/.claude/skills && curl -sL https://www.agensi.io/api/install/amap-jsapi-skill -o /tmp/amap-jsapi-skill.zip && unzip -o /tmp/amap-jsapi-skill.zip -d ~/.claude/skills && rm /tmp/amap-jsapi-skill.zipFree skills install directly. Paid skills require purchase - use the download button above after buying.
Reviews
No reviews yet - be the first to share your experience.
Only users who have downloaded or purchased this skill can leave a review.
No reviews yet - be the first to share your experience.
Only users who have downloaded or purchased this skill can leave a review.
Security Scanned
Passed automated security review
Permissions
Allowed Hosts
File Scopes
Claude Code, Cursor, OpenClaw, Windsurf
Creator
Frequently Asked Questions
Learn More About AI Agent Skills
More Premium Skills
local-seo-audit
Automated local SEO auditing and keyword generation for agencies and small businesses.
designing-hybrid-context-layers
Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.
ai-automation-qa-pack
Professional QA & UAT documentation generator for AI automation agencies and complex agent deployments.
Bounty Security Pattern Master Library — 399 Vulnerability Patterns
A premium library of 399 vulnerability patterns and DeFi attack vectors for AI-driven bug hunting and security audits.