关于高德地图开发，自定义地理位置数据，怎么高德地图AMap.Autocomplete方法完成自动提示

qq_33768198 2018-04-24 05:44:13

地理位置定义好了，怎么通过input框搜索自定义地理位置（通过AMap.Autocomplete方法完成自动提示）点击提示文字，跳转到相对应地理位置
下图有个代码。代码意思：在Input框输入内容，并自动提示,
可是我不知怎么去调用那个附录数据，

...全文

5849 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

温倩 2018-05-26

打赏
举报

回复

兄弟不说太多，直接上代码

高德地图返回地址详细信息, Android&Go,Let's go!

npm install vue-amap --save 控件搜索组件 main.js 中解决错误 // 高德地图 import VueAMap from 'vue-amap'; setTimeout(() => { localStorage.clear(); Vue.use(VueAMap); }, 0); VueAMap.initAMapApiLoader({ key: '******', plugin: [ "AMap.Autocomplete", //输入提示插件 "AMap.PlaceSearch", //POI搜索插件 "AMap.Scale", //右下角缩略图插件比例尺 "AMap.OverView", //地图鹰眼插件 "AMap.ToolBar", //地图工具条 "AMap.MapType", //类别切换控件，实现默认图层与卫星图、实施交通图层之间切换的控制 "AMap.PolyEditor", //编辑折线多，边形 "AMap.CircleEditor", //圆形编辑器插件 "AMap.Geolocation" //定位控件，用来获取和展示用户主机所在的经纬度位置 ], // 默认高德 sdk 版本为 1.4.4 v: '1.4.4' }); // 高德地图

vue使用高德地图获取地理坐标信息

1.首先在index.html引入高德地图的秘钥。如图：注意：如果使用关键字搜索功能要加上 plugin=AMap.Autocomplete,AMap.PlaceSearch，否则功能无法使用，并会报错 2. 定位功能，代码如下： const map = new AMap.Map(this.$refs.container, { resizeEnable: true }) // 创建Map实例 const options = { 'showButton': true, // 是否显示定位按钮 'buttonPosition': 'LB', // 定位按钮

高德地图搜索获取坐标转换地图添加标记记得换成自己申请的KEY值。

39,118

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章