Amap Jsapi 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_CODE configuration 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.