地图加载完成后,进行自动定位到设备当前所在位置(显示当前周边),拖拽地图进行选择地址,点击搜索按钮,搜索框内输入时会提示相关点,通过搜索结果进行搜索选择地址
组件部分:
<template>
<div>
<button @click="addRadius">增加范围</button>
<button @click="startSearch">搜索</button>
<p>{
{address}}</p>
<hr>
<div class="amap-page-container">
<input v-if="toSearch" type="text" class="search-input" id="search">
<el-amap
vid="amap"
:zoom="zoom"
class="amap-demo"
:center="center"
:amapManager="amapManager"
:events="events"
>
<el-amap-circle
vid="circle"
:center="center"
:radius="radius"
fill-opacity="0.2"
strokeColor="#38f"
strokeOpacity="0.8"
strokeWeight="1"
fillColor="#38f"
>
</el-amap-circle>
</el-amap>
</div>
<ul>
<li v-for="item in result" :key="item.id">{
{item.name}}</li>
</ul>
</div>
</template>
注:e