篇首语：本文由小编为大家整理，主要介绍了如何使用高德地图API(搜索POI)相关的知识，希望对你有一定的参考价值。
参考技术A 1.导入pandas模块,调用中会使用到pandas中的DataFrame函数2.引出pandas中的常用的表格型数据结构DataFrame函数
3.导入requests模块，用于API网页请求
4.导入json,tsv模块
第一步，申请”Web服务API”密钥（Key）；
第二步，拼接HTTP请求URL，第一步申请的Key需作为必填参数一同发送；
第三步，接收HTTP请求返回的数据（JSON或XML格式），解析数据。
如无特殊声明，接口的输入参数和输出数据编码全部统一为UTF-8。(此三步摘自高德API开发者指南)
data 设置你需要请求数据的类型，并且将参数以字典形式赋值给data
使用pandas模块中的表格型数据结构DataFrame函数
web开发如何使用高德地图API结合输入提示和POI搜索插件
web开发,高德地图,输入提示,POI搜索,清除浏览器输入框的输入历史
说两句：
- 以下内容除了我自己写的部分，其他部分在高德开放平台都有（可点击外链访问）。
- 我所整理的内容以实际项目为基础希望更有针对性的，更精简。
- 点击直奔主题。
准备工作：
- 首先，注册开发者账号，成为高德开放平台开发者
- 登陆之后，在进入「应用管理」 页面「创建新应用」
- 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」
拿到key之后，在页面引入高德API和UI组件库以及相关CSS文件
引入高德地图工具包js文件
编写输入提示需要的HTML标签
- 就是在中加入一个id唯一的输入框，用于提示框的绑定
<p> <input id="tipinput" class="form-control input-style" placeholder="请输入关键字" value=""/>p>
输入提示和POI搜索插件用到的JS
AMap.plugin(["AMap.Autocomplete","AMap.PlaceSearch"],function(){ var autoOptions = { city: "北京", //城市，默认全国 input: "keyword"//使用联想输入的input的id（也就是上边那个唯一的id） }; autocomplete= new AMap.Autocomplete(autoOptions); var placeSearch = new AMap.PlaceSearch({ city:"北京", map:map }) AMap.event.addListener(autocomplete, "select", function(e){ //TODO 针对选中的poi实现自己的功能 placeSearch.setCity(e.poi.adcode); placeSearch.search(e.poi.name) });});
效果图
小贴士
- 你可能发现浏览器默认记忆了你的搜索历史，显示在搜索框下边，这样会影响输入提示。
- 所以，需要在input中设置属性autocomplete="off"
以上是关于如何使用高德地图API(搜索POI)的主要内容，如果未能解决你的问题，请参考以下文章
