以前，该公司有一个地图网站选择组件来实现快速定位的需求。
最初是一个非常简单的需求。先前称为腾讯映射的选择组件。通过嵌入式电话，您可以查看腾讯地图的官方网站。代码如下。它可以在开始时正常使用，但是最近发现腾讯地图API将报告疯狂的错误，促使“您已经关闭了GPS，请在设置>“隐私>位置”中打开”，并且还没有解决方案。
因此，他转向Gaode Map的站点，Gaode还封装了一个组件，供我们使用iFrame嵌入式调用。您可以查看Gaode地图的官方网站。代码如下。但是，此站点选择组件的功能太简单了。定位不会根据选择站点选择列表的选择移动。因为它是通过iframe使用的，所以修改代码功能或对已建立需求不满意并不容易。
最后，我决定使用零碎的Gaode Map API封装一个简单的站点选择组件。在目前，有三种用于使用Gaode Map API的方法：
由于VUE-AMAP是基于VUE 2.0和GAODE映射的MAP组件，并且很长一段时间都没有维护，因此没有考虑。
为了基本使用GAODE MAP API的三种方式，我以前已经解释了对文章“ Vue+Gaode Map API基本实践”的非常详细的解释。如果您有兴趣，可以参考它，然后您将直接开始包装。
@amap/amap-jsapi-loader，此依赖性是使用Gaode Map的主流的一种方法。
然后在组件下创建AMAP组件并引入它
使用amaploader.load来初始化渲染地图组件，并使用amap.map类创建和显示映射对象。
初始化地图后，您可以使用GAODE MAP提供的地理位置插头 - 实现定位函数。
位置点数用于选择地图上的位置，并获取所选位置的地址信息，以及周围的POI，周围的道路，周围的交叉点等信息。
Poipicker（POI选择点）在给定的输入框上集成了输入提示和关键字搜索功能，这很方便用户选择特定位置（即POI）。
接下来，使用本机Gaode MAP API + VUE2尝试封装站点选择组件。代码实际上是相似的。
在组件下创建AMAP组件，使用它