高德地图-兴趣点（POI)
2024-05-16 14:47:59
兴趣点（POI—>Point of Interest）
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=34614f775ec9455cf2f9a5c7bb6acfa0&plugin=AMap.Autocomplete"></script>
<style type="text/css">
*{margin: 0;padding: 0;list-style: none;}
*{margin: 0;padding: 0;list-style: none;}#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}#setZoomNode,#setCenterNode{width: 280px;position: absolute;z-index: 99;right: 20px;top: 50px;border: 1px solid black;box-shadow: 0 0 5px black;background: white;}#setCenterNode{top: 50px;}#node li{cursor: pointer;}#searchNode{width: 280px;height: 30px;background: white;position: absolute;right: 20px;top: 20px;}
</style></head>
<body><div id="container"></div> <div id='searchNode'><input type="" name="" id='searchIpt'><button id='btn'>搜索</button></div><div id='setCenterNode'></div><script type="text/javascript">var map = new AMap.Map('container',{zoom:11, //初始的地图级别center:[100.379391,30.861536] //初始化地图的中心点});AMap.service(['AMap.PlaceSearch'], function(){btn.onclick = function(){new AMap.PlaceSearch({pageSize:5, //当页一共显示多少条pageIndex:1,//当前第几页city:'010', //兴趣点的城市citylimit:true,//是否限制在设定的城内搜索map:map, //展示在哪个地图里panel:'setCenterNode' //放在哪个元素下}).search(searchIpt.value);} });
</body>
</html>
给地图的元素加上事件
AMap.event.addListener(searchNode,'select',function(e){// console.log(e);placeSearch.search(e.poi.name)
});
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=34614f775ec9455cf2f9a5c7bb6acfa0&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<style type="text/css">
*{margin: 0;padding: 0;list-style: none;}
*{margin: 0;padding: 0;list-style: none;}#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}#setZoomNode,#setCenterNode{width: 280px;position: absolute;z-index: 99;right: 20px;top: 50px;border: 1px solid black;box-shadow: 0 0 5px black;background: white;}#setCenterNode{top: 50px;}#node li{cursor: pointer;}#searchNode{width: 280px;height: 30px;background: white;position: absolute;right: 20px;top: 20px;}
</style></head>
<body><div id="container"></div> <div id='searchNode'><input type="" name="" id='searchIpt'></div><script type="text/javascript">var map = new AMap.Map('container',{zoom:11, //初始的地图级别center:[100.379391,30.861536] //初始化地图的中心点});var searchNode = new AMap.Autocomplete({input:'searchIpt'});var PlaceSearch = new AMap.PlaceSearch({map:map});//给地图的元素加上事件AMap.event.addListener(searchNode,'select',function(e){PlaceSearch.search(e.poi.name)});</script></body>
</html>
搜索周边searchNearBy
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=34614f775ec9455cf2f9a5c7bb6acfa0&plugin=AMap.Autocomplete"></script>
<style type="text/css">
*{margin: 0;padding: 0;list-style: none;}#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}#setZoomNode,#setCenterNode{width: 280px;position: absolute;z-index: 99;right: 20px;top: 50px;border: 1px solid black;box-shadow: 0 0 5px black;background: white;}#setCenterNode{top: 50px;}#node li{cursor: pointer;}#searchNode{width: 280px;height: 30px;background: white;position: absolute;right: 20px;top: 20px;}
</style></head>
<body><div id="container"></div> <div id='searchNode'><input type="" name="" id='searchIpt'><button id='btn'>搜索</button></div><div id='setCenterNode'> </div><script type="text/javascript">var map = new AMap.Map('container',{zoom:19, //初始的地图级别center:[116.379391,39.861536] //初始化地图的中心点});AMap.service(['AMap.PlaceSearch'], function(){btn.onclick = function(){new AMap.PlaceSearch({type:'住宿',pageSize:5,pageIndex:1,city:'010',citylimit:true,map:map, //展示在哪个地图里panel:'setCenterNode' //放在哪个元素下}).searchNearBy('',[116.379391,39.861536],200,function(){});} });
</body>
</html>
高德地图-兴趣点（POI)相关推荐
- 腾讯,百度,高德地图兴趣点(POI)的获取以及查询,逆解析解析
1.POI数据介绍 POI数据介绍 POI是"Point of Interest"的缩写,中文可以翻译为"兴趣点".POI数据会包含各种信息,如前面提到的名称. ...
- 高德地图API POI分类编码表（mysql版）
高德地图API POI分类编码表(mysql版) 编码表更新时间:2017年8月10日 注意:本编码表为高德地图自定义编码格式,数据会根据行政区划变动不定期进行更新. sql文件下载地址: h ...
- 腾讯地图,百度地图兴趣点(POI)分类关键词表
1.腾讯地图兴趣点(POI)分类关键词表 腾讯地图POI分类关键词表 序号 一级名称 二级分类 三级分类 完整名称 1 美食 美食 2 中餐厅 美食:中餐厅 3 北京菜 美食:中餐厅:北京菜 4 安徽 ...
- 百度高德地图全国poi数据
对于地图产品而言,某个地理位置周边的信息,称之为 POI .本文作者将简单地聊聊自己对于地图产品中POI的了解和看法. 作为一个标准的路痴,以前信奉的一句话是「地图长在嘴巴上」,到一个不熟悉的地方,多 ...
- 高德地图自定义POI的样式
前段时间在开发一个地图相关的软件,本来要实现Poi搜索完成后的高亮,类似高德官方的地图,如下图: 用高德的API一直不得要领,没办法,只好自己重新按marker的方法来实现,然后就没有用高德API提供 ...
- 爬取高德地图全国poi的爬虫
基于python3.6的爬取高德全国poi数据的爬虫,稳定性更高,爬取效率更快,由于高德poi的数据量比较大,这里使用了mongodb和Elasticsearch作为存储,只需要修改key值和type ...
- android 高德地图之poi搜索功能的实现
二话不多说,先看效果 这个功能我是用Fragmentdialog里面做的,也遇到不少坑 第一,就是设置背景的drawable为纯白色导致键盘弹出的时候,recyclerview的布局被顶上去导致出现白 ...
- java中poi搜索工程_爬取高德地图poi数据
高德地图搜索poi的api介绍地址 当前想法是爬取目标区域(作者所在小县城)的所有poi数据,存到数据库中作为原始数据,然后供其它系统调用,因为之前爬取过百度地图的poi数据,所以这次工作就驾轻就熟了 ...
- 高德地图获取所在城市POI数据
由于小论文方向为电动汽车的路径规划,所以需要用到充电站的数据,因此需要从高德地图上爬充电站数据.本文学习自这篇文章. 高德有一个开放平台,点击进入,注册(登录)(有了账号之后返回首页)-控制台-应用管 ...
最新文章
- 「硅仙人」吉姆 · 凯勒：我在特斯拉是最闲的员工，却要在英特尔管一万人
- 《Nature》挑战进化DNA突变理论！
- 9.如何使用QT绘制导航箭头的图标
- SSH框架中配置log4j的方法
- C++之TR1::function
- 我应该使用32位还是64位JVM？
- 【C++ STL】priority_queue自定义排序函数
- 【mysql基础知识】数据库中新建触发器，监控数据变化
- 躺枪实惨！与新冠病毒“重名”，这款墨西哥国民啤酒宣布暂停生产...
- python个人所得税怎么写分录_个人所得税的会计分录！
- C#多线程操作----处理并发的问题，Lock关键字
- NOIP2010-普及组初赛C语言解析
- 计算机如何建筑材料结合所学知识,《技术与设计2》第三、四单元检测试卷
- python自定义函数两个返回值如何分别输出_第八讲 python自定义函数返回值
- PHP操作Trait类
- java 并发包脑图
- jdk1.8_API中英文帮助文档下载
- 【学习笔记】seckill-秒杀项目--（9）接口优化
- 2021年12月电子学会青少年软件编程（图形化）等级考试试卷（四级）答案解析
- NSGA-II中“支配”的概念