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

qq_33768198 2018-04-24 05:44:13
地理位置定义好了，怎么通过input框搜索自定义地理位置（通过AMap.Autocomplete方法完成自动提示）点击提示文字，跳转到相对应地理位置
下图有个代码。代码意思：在Input框输入内容，并自动提示,
可是我不知怎么去调用那个附录数据，
...全文
5941 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
温倩 2018-05-26
  • 打赏
  • 举报
 回复
兄弟不说太多，直接上代码

基于VUE+Tailwind CSS的高德地图导航功能开发实战教程
本教程基于Vue 3与Tailwind CSS，结合高德地图JS API 2.0实现完整地理搜索功能：包括地图初始化、用户定位与标记、城市信息获取、带关键字高亮的输入提示（Autocomplete）、POI检索（PlaceSearch）、自定义点标记与数字文本叠加、以及点击/选中POI后的地图中心点平滑移动。全程强调API插件加载机制、异步资源管理及响应式交互设计。
高德地图组合使用Autocomplete和PlaceSearch进行POI搜索
这篇博客详细介绍了如何在Vue.js应用中实现地图搜索功能，包括页面元素渲染、数据定义、JavaScript逻辑和CSS样式。通过AMap插件，创建了搜索框和搜索结果列表，用户输入关键字后能显示匹配的地理位置并能在地图上添加标记。
用script的方式异步引入高德地图
本文介绍如何使用高德地图API在Vue项目中实现地图显示及定位功能，包括地图初始化、定位插件加载、获取用户地理位置并更新地图中心点等步骤。
高德地图——搜索
本文介绍如何使用地图API进行地址查询及地理位置信息加载。通过具体示例展示了动态查询信息加载、地图搜索等功能。包括输入提示插件的应用、地点查询类的使用及回调函数的设计。
vue中使用地图，展示标记点，信息窗体等
本文介绍了如何通过vue-amap库在Vue应用中集成高德地图，包括安装步骤、关键插件引入、基础地图展示以及地图联动和坐标点信息窗口的交互。重点展示了如何动态显示地图和地理位置，并提供了地图标记和信息窗口的实例代码。
HTML5

43,739

社区成员

5,567

社区内容

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章