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

qq_33768198 2018-04-24 05:44:13

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

...全文

5973 1 打赏收藏举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

温倩 2018-05-26

打赏
举报

回复

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

/ 需在POI搜索的success回调中执行position: [poi.location.lng, poi.location.lat], // POI的经纬度icon: 'location_red.png', // 自定义红色图标路径map: map});});项目搭建&地图初始化→用户高精度定位&点标记→城市信息获取→Tailwind CSS样式搜索框→输入提示&关键字高亮→POI搜索&结果展示→POI点标记+数字文本→地图中心点自动移动。视频版教程实操如下。

实现效果：页面渲染：  <div class="tool_search" v-if="this.toolShow && this.toolSerach"> <el-input id="tipInput" v-model="inputSearchVal" placeholder="请输入搜索名称"> <el-button slot="append" icon="el-icon-search

<template> <div :id="id" :style="{width:'0px',height:'0px'}" class="m-map"/> </template> <script> mounted(){ // 这里onmaploaded，异步加载高德地图的回调会去执行这个方法 window.onmaploaded = () =>{ let map = new AMap.Map('all-map', {

通过api实例了解一些接口功能。比如常用的动态查询信息加载，地图搜索查询地址。自动查询通过[“AMap.Autocomplete”]插件实现，并监听一个回调函数autocomplete_CallBack，查询成功后，执行函数显示查询信息。//输入提示 function autoSearch() { var keywords = document.getElementById("keywo

我这里使用的是vue-amap，简单介绍一下vue-amap 是一套基于 Vue 2.0 和高德地图的地图组件。 1.安装 npm install -S vue-amap 2.引入 main.js import AMap from 'vue-amap'; Vue.use(AMap); AMap.initAMapApiLoader({ // 申请的高德key key: '8fbdd9a3ff6bc2ec653efb9481903eaa', // 插件集合 plugin: [

43,736

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章