百度地图接口api(百度地图接口免费吗)

网友投稿 296 2023-02-03

本篇文章给大家谈谈百度地图接口api,以及百度地图接口免费吗对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享百度地图接口api的知识,其中也会对百度地图接口免费吗进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

百度地图API基本使用(三)

PS:百度地图接口api我所使用的的是百度地图Javascript API 3.0
本文是对之前使用的延续百度地图接口api,继续对百度地图API的一些使用去做归纳和总结,本次主要是对地图上的事件以及路线规划做下一下介绍,如果有小伙伴没有看过之前的百度地图API基本使用(一),百度地图API基本使用(二),可以先去观看一下,前期所需要的一些准备,以及一些基本的用法。

感兴趣的小伙伴可以自行查看百度地图官方提供的文档
百度地图开放平台开发文档中的JavaScript API

也可以通过下方示例中心更直观地看到百度地图API的一些使用,以及它的一些特性
百度地图开放平台-示例中心

想深入研究百度地图avaScript API 3.0方法参数信息的话,可以通过下方类参考
百度地图avaScript API v3.0类参考
另外不同版本的API可以自行在开发文档中的类参考类目中找到,请自行查找

不过要注意:实例中心使用的是BMap去创建容器的,最新版GL地图命名空间为BMapGL, 可按住鼠标右键控制地图旋转、修改倾斜角度。

BMapGL在引入API的方式如下:

BMap在引入API的方式如下:

按照百度地图接口api你自己的需求去引用

好的,废话不多说,开整

1.地图加载完成事件 这个事件顾名思义就是在地图加载完成之后会调用这个事件,百度地图接口api我们可以去做一些操作。

实现的效果就是在地图加载完成之后,会弹出地图加载完成的提示!实际应用的时候可以能就会涉及到一些基于地图的初始化操作。具体情况具体分析,就不做过多赘述了。

2.地图单击事件 这个事件顾名思义就是在当我们鼠标点击地图上的时候,就会触发这个事件。

我们实现的这个就是单击地图的时候就会触发,可以获取到这个点的经纬度等信息。以及我们之前有介绍的覆盖物的一些触发事件,基本上都是使用的是这个单击事件,使用addEventListener监听click去实现的,这个方法还有监听别的事件,就不一一举例了,给大家看一下有哪些事件可以监听,这些都是从官方提供的类参考中找到的。

3.注销事件 这个注销方法也比较简单,上一个点击事件我们使用的是addEventListener监听click去实现的,这个注销实际上就是移除这个事件,类似于之前的删除覆盖类都是使用的remove这个字段,对应的就是removeEventListener监听click去删除这个点击事件实现的。

如果想研究比较详细的地图事件的小伙伴可以自行查看研究
事件-地图事件

1.覆盖物鼠标事件 这个覆盖物鼠标事件实质就是地图的点击事件,只不过对象换成了覆盖物对象,本质都是使用addEventListener去监听事件的发生。
创建一个点和一个面覆盖物,然后去给这两个覆盖物添加鼠标点击事件

如果想研究比较详细的覆盖物事件的小伙伴可以自行查看研究
事件-覆盖物事件

首先说明一下这个路线规划分为4种,分别是驾车路线规划,公交路线规划,步行路线规划,以及骑行路线规划,使用的类是不一样的,我们一起来看一看。

1.基础驾车路线规划服务示例:
代码如下:

2.数据接口
驾车导航服务也提供了丰富的数据接口,通过onSearchComplete回调函数可以得到BMap.DrivingRouteResult对象,它包含了驾车导航结果数据信息。 结果会包含若干驾车方案,每条方案中包含了若干驾车线路。 每条驾车线路又会包含一系列的关键步骤(BMap.Step),关键步骤描述了具体驾车行驶方案。

BMap.TransitRoute类提供公交线路规划服务。
注意:v3.0中,新增了TransitRoutePlan.getTotal 和 TransitRoutePlan.getTotalType方法,可以获取一条公交换乘方案中总路段数(步行+公交),和指定路段的交通方式类型(步行或公交)。

1.使用服务示例
代码如下:

2.进行跨城路线规划
代码如下:

BMap.WalkingRoute提供步行线路规划服务。基本用法和驾车线路规划类似。
使用服务示例
代码如下:

BMap.RidingRoute提供骑行线路规划服务,基本用法和步行线路规划基本相同。
使用服务示例
代码如下:

感兴趣的小伙伴可以自行去研究
百度地图Javascript API 3.0 出行路线规划 百度地图JS API示例 路线规划

感谢诸君的观看,文中如有纰漏,欢迎在评论区来交流。如果这篇文章帮助到了你,欢迎点赞和关注。

百度地图API的产品介绍

百度地图宣称所有API均免费对外开放。
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。百度地图API不仅包含构建地图的基本功能接口,还提供了诸如本地搜索、路线规划等数据服务。适用于PC或移动设备端的基于浏览器的开发。JS版本还为用户开放了开源库,简化开发。
百度地图Web服务API包括Place API、Geocoding API、Direction API,能够快速响应用户的请求,返回xmlJson 数据。就百度地图API目前政策,若用户使用该套API,需要先申请key。其中Place API使用受限,其他均无限免费使用。
百度移动版地图SDK,分为Android版与Symbian版,为移动设备地图应用开发提供基本地图、本地搜索、路线规划、定位等服务。若用户使用该套SDK,也需要先申请key。
百度地图定位SDK,与百度移动版地图SDK相比,是以更小的体积提供给开发者,帮助开发者完成位置信息获取与应用开发的工具。百度地图目前提供Android和Symbian版本,且开发者是不需要申请key就可使用。
百度地图车联网API,是百度地图于2012年6月推出的,为车联网行业定制的一套API。提供地图显示、地址解析、位置描述、本地搜索、周边搜索、驾车路径规划、信息发送、天气、交通事件等多种服务。
百度地图LBS云,是百度地图2012年8月底新推出的,也是在百度世界大会2012为开发者提供的”七大武器“之一,即百度地图针对LBS开发者全新推出的服务,借助百度云服务与云计算,通过地图API,实现用户的海量位置数据云存储,同时,也可实现快速云检索。LBS·云将位置数据存储、空间检索、地图展现等任务一站式托管在百度云端,为开发者降低开发成本,有利于开发者提高开发效率。
百度地图URI API,用户可在自己的应用或者网页中,直接调用网页版百度地图或者手机端(百度地图客户端或网页版)实现地图位置展示,公交换乘,周边信息展示等功能,还能通过一个URL串快速分享给他人。URI API支持PC端、移动版(Android、iOS)。

如何使用百度地图API

在百度搜索引擎中搜索关键词“百度地图API”,如下图所示。

2

访问百度地图API官方网站,如下图所示。

3

  本经验案例以web开发为为例,所以选择Javascript API。

   百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。另外,2014年1月9日,极速版JavaScript API全新上线,此版本专门针对简单功能的移动端浏览器开发提供。

   该套API免费对外开放。自v1.5版本起,您需先申请密钥(ak)才可使用,接口(除发送短信功能外)无使用次数限制。

4

Javascript API有3种,这里选择Javascript API大众版,如下图所示。

5

申请百度地图密钥,如下图所示。

<!DOCTYPE html
<html
<head
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /
<style type="text/css"
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0ak=您的密钥"</script
<title地图展示</title
</head
<body
<div id="allmap"</div
</body
</html
<script type="text/javascript"
// 百度地图API功能
var map = new BMap.Map("allmap");    // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script

百度地图api

这个错误是  Bmap.map 不是一个构造函数。

造成这种错误百度地图接口api的原因主要是 没有正常加载 百度地图api 导致百度地图接口api

原因有以下几种。

使用同步加载百度地图接口api,已经加载成功,但是Bmap 这个变量名被别百度地图接口api的地方使用

使用异步加载,但是由于 有时候百度给的这个接口网速非常的慢,所以等你调用函数的时候 还没有加载完, 就会出现这种情况。

出现这些情况 的解决方法是

尽量不要使用 全局变量。 更不能污染库的接口

在加载百度地图api的url后面 加上  ?callback=loadMap

然后声明loadMap这个全局变量   window.loadMap = function() {}

在这个回调函数里面初始化执行 你所有关于地图的方法

关于百度地图接口api和百度地图接口免费吗的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 百度地图接口api的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于百度地图接口免费吗、百度地图接口api的信息别忘了在本站进行查找喔。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:音乐开放api接口(音乐API)
下一篇:程序员免费api文档(程序API)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~