Integrating Gaode Maps in Vue CLI 3.0

There are two primary methods for integrating Amap (Gaode Maps) into Vue.js applications: Method 1: Using vue-amap Component The vue-amap component provides a convenient way to add maps to Vue applications. However, it may present certain challenges: Cross-origin issues may occur during implementation Map elements may fail to render afte ...

Posted on Wed, 15 Jul 2026 17:01:17 +0000 by lafflin

Implementing Drag-to-Select Location with Amap JS API in Vue 3

To integrate drag-based location selection using the Amap JavaScript API within a Vue 3 environment, begin by installing the official loader package: npm install @amap/amap-jsapi-loader The core mechanism relies on AMapUI.PositionPicker configured in dragMap mode. This allows the map viewport to move while a fixed visual indicator remains cent ...

Posted on Mon, 29 Jun 2026 16:52:50 +0000 by aurigus