利用百度地图开放平台的Web API实现检索定位
- 首先注册一个百度账号
- 登录百度地图开放平台,点击开发文档→Web服务API,要想用百度地图开放平台的应用,先要申请成为百度地图开发者,获取服务密钥(AK)
- 获取密钥(AK)的步骤
提交后会生成一个AK码
4.接着就可以进行开发工作了
本文提供的是检索定位操作,检索POI(Point of Interest,感兴趣点)有三种检索方法,城市检索,圆形区域检索,矩形区域检索。
运用AK(密钥)可以调用百度地图开放平台的API进行网页开发,搜索定位自己的想要的地方
城市检索:search方法根据关键字检索特定POI信息服务
源码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>城市检索</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的密钥(AK)">
</script>
</head> <body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
var local = new BMap.LocalSearch(map, { renderOptions:{map: map}
});
local.search("天安门");
</script>
</body>
</html>
结果:
圆形区域检索:searchNearby方法提供圆形区域检索服务,可以在某个地点附近进行搜索,也可以在某一个特定结果点周围进行搜索。
源码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圆形区域检索</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的密钥(AK)">
</script>
</head> <body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
var local = new BMap.LocalSearch(map, { renderOptions:{map: map, autoViewport: true}});
local.searchNearby("小吃", "前门");
</script>
</body>
</html>
结果:
矩形区域检索:searchInBounds方法提供矩形区域检索服务。矩形范围搜索将根据您提供的视野范围提供搜索结果。
源码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>矩形区域检索</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的密钥(AK)">
</script>
</head> <body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);
var local = new BMap.LocalSearch(map, { renderOptions:{map: map}});
local.searchInBounds("银行", map.getBounds());
</script>
</body>
</html>
结果:
百度地图开放平台链接
利用百度地图开放平台的Web API实现检索定位相关推荐
- 上手百度地图--开放平台必懂API使用场合(PC端)
本篇整理仅适用与没有接触或对百度地图开放平台API基本没有概念的人 拖拽类 启用地图拖拽 默认启用 enableDragging() 对应的禁止方法 disableDragging( ) 启用地图习惯 ...
- php 百度逆地理编码,百度地图开放平台 Web服务API --Geocoding API (地理编码和逆地理编码)...
百度地图开放平台地理编码服务和逆地理编码服务的api文档地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geoco ...
- 百度地图开放平台轻量路径规划
百度地图开放平台轻量路径规划 背景 思路 完整代码 代码解读 结果截图 注意事项 背景 由于要做等时圈研究,手头上有一些poi数据,如小区地理位置信息,地铁站点的地理位置信息,想通过等时圈把两者连接起 ...
- 后端根据百度地图真实路径距离_百度地图开放平台介绍--路线规划
百度地图开放平台路线规划服务是结合实时交通,为用户提供覆盖国内外的路线规划服务.路线规划也是我们用户最常用到的功能之一,比如旅行时需要到达另外一个地方,通过百度地图可以快速规划距离最短路线或耗时最短路 ...
- 百度地图开放平台wgs84,gcj02转bd09
百度地图开放平台wgs84,gcj02转bd09 完整代码 代码解读 参考文献 开局一张图,故事全靠编,上图是上海市257个地铁站bd09坐标和wgs84坐标的差距,可以看到bd09较wgs84往右上 ...
- 利用百度AI开放平台的语言处理基础技术(Python)
百度AI开放平台是一个年轻的平台,2017年1月发布了词法分析,评论观点对抽取,短文本相似度等5种基础技术接口. 本篇文章使用python接入百度AI评论观点对抽取的接口,进行酒店评论文本数据的观点对 ...
- 使用百度移动开放平台将web站转换为wap站
百度向站长推出移动建站功能,允许个人站长通过简单配置文件,来调用百度的通用接口,实现自己网站的移动化.用移动转码和移动建站的服务,从而增强自己的影响力.如果站长都能够使用这项技术,就完全没有必要再去自 ...
- 百度地图开放平台使用教程
为什么要使用百度地图? 百度地图JavaScript API GL 是一套由JavaScript语言编写的应用程序接口,使用了WebGL对地图.覆盖物等进行渲染,支持3D视角展示地图.帮助开发者在网站 ...
- 震惊——JS中百度地图开放平台API尽然是这样使用
百度地图js--API使用 基本使用 引用百度API资源 <!--引用资源--> <!--百度地图基础API--> <script type="text/jav ...
- 利用百度地图的路书功能实现汽车实时定位
最近公司做的一个app项目需要用到百度地图实时定位功能,app项目是用ionic做的,所以用的也是百度地图web版.具体需要实现的功能类似于导航的时候有个小车在地图上随着实时位置移动,本功能不需要导航 ...
最新文章
- Nginx的location、root、alias指令用法和区别
- 精确人工智能——核物理与粒子物理领域的新生力量
- 完善Linux/UNIX审计 将每个shell命令记入日志
- 数据库:学好SQL必须知道的10个高级概念
- java调用kettle例子_Kettle API - Java调用示例
- json 对象 数组
- React中使用Ant Table组件
- eclipse的SVN插件设置忽略文件
- 计算机专业女生的就业方向参考
- Android 系统(274)---Anroid5.0以上进程保活方案(亲测可自行调起被杀死的app)
- 5. linux操作系统bios启动过程需要执行哪几个操作?,Linux系统启动的大致过程
- JavaWeb02-HTML篇笔记(一)
- Kardashev量表和AI:可能的床友
- Django框架详解
- 视频教程-物联网嵌入式技术应用-物联网技术
- matlab排版形式是什么样子,版式设计技巧!论图文排版的基本形式
- 【JDBC-1】jdbc编程六大步骤
- 最新版NASA官方网站数据下载流程——以MODIS数据演示为例
- Findora区块链培训课程重磅上线!(附视频)
- 学习xpath解析用的代码
热门文章
- UE4遇到的各种奇葩问题
- mybatis插入大于号小于号到oracle
- openldap中的Mirror mode模式中的主主同步
- am57xx Damo根文件加载过程
- MySQL篇之授权用户可以远程访问数据库
- LeetCode 1296. 划分数组为连续数字的集合
- Structure Extraction from Texture via Relative Total Variation
- 如何验证Mac的Time Machine备份是否正常工作
- 使用 Fail2ban 防止 ssh 暴力破解攻击
- 论文笔记(5.16,文本抗击,defense)--Combating Adversarial Misspellings with Robust Word Recognition