百度地图api接口(百度地图api)

该文章由就医网编辑就医网收集整理,以下就是详细内容。

大家好,小活来为大家解答以上问题。百度地图api接口,百度地图api很多人还不知道,现在让我们一起来看看吧!

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

2、 访问百度地图API官网,如下图所示。

3、 这个实证案例以web开发为例,所以选用Javascript API。

4、 百度地图JavaScript API是一套用JavaScript语言编写的应用程序接口,可以帮助您在网站中构建功能丰富、交互性强的地图应用,支持在PC和移动终端上开发基于浏览器的地图应用,支持开发具有HTML5特色的地图。此外,2014年1月9日推出极速版JavaScript API,专门为功能简单的手机浏览器开发提供。

5、 这个API免费向公众开放。从1.5版开始,需要申请一个密钥(ak)才能使用。您可以使用该界面的次数没有限制(发送短信除外)。

6、 JavaScript API有三种,这里选择的是流行版本的Javascript API,如下图所示。

7、 申请百度地图钥匙,如下图所示。

8、 !文档类型html

9、 超文本标记语言

10、 头

11、 meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /

12、 meta name=' viewport ' content=' initial-scale=1.0,user-scalable=no' /

13、 style type='text/css '

14、 body,html,# all map { width:100%;身高:100%;溢出:隐藏;边距:0;Font-family:'微软雅黑'}

15、 /风格

16、 script type=' text/JavaScript ' src=' http://API . map . Baidu . com/API?V=2.0ak=您的密钥'/脚本

17、 标题地图显示/标题

18、 /头

19、 身体

20、 div id='allmap'/div

21、 /body

22、 /html

23、 脚本类型='文本/javascript '

24、 //百度地图API函数

25、 var map=新的BMap。map(' all map ');//创建一个映射实例

26、 map.centerAndZoom(新的BMap。点(116.404,39.915),11);//初始化地图,设置中心点坐标和地图级别。

27、 map.addControl(新的BMap。maptype control());//添加地图类型控件

28、 Map.setCurrentCity('北京');//设置地图上显示的城市。这是必需的。

29、 map . enablescrollwheelzoom(true);//打开鼠标滚轮进行缩放。

30、 /脚本

本文到此结束,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!

以上就是 就医网对该内容的介绍了。希望上述内容对大家有所帮助。

分享:

本文地址:http://www.bx9y.com/chanye/2023-01-31/646144.html

友情提示:文章内容为作者个人观点,不代表本站立场且不构成任何建议,本站拥有对此声明的最终解释权。如果读者发现稿件侵权、失实、错误等问题,可联系我们处理

健康快报
7*24小时快讯
健康图文排名