1、百度地图API简介:

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。

在正式开始使用之前我们需要进行一下步骤:
1、注册百度账号
2、申请成为百度开发者
3、获取服务**(ak 重点)
4、开始使用相关的功能
点击这里获取**
点击过后会进入下面这样一个界面百度地图API的使用
注意:
图中画绿线的部分一定要改成浏览器端,下面的白名单,如果不知道怎么写写一个*即可。
完成上述准备步骤之后,我们就可以开始使用了。

2、使用方法:

1、创建html文件
2、适应移动端页面
百度地图API的使用
3、设置样式,使地图铺满整个屏幕
4、引入百度地图API
百度地图API的使用
5、创建地图容器
百度地图API的使用
6、创建地图实例
百度地图API的使用
7、设置中心点的坐标
百度地图API的使用
这里的数值为经度 纬度
8、地图初始化,展示地图
百度地图API的使用
这样最基础的一个地图页面已经完成了,让我们来看看吧。
百度地图API的使用
但是跟我们实际使用中的地图还是有很大的差别的,鼠标滚轮这时还没有任何效果,拉近和缩放都非常不方便,百度地图为我们提供了一个方法,但这个方法默认是关闭的,我们需要手动去开启。
百度地图API的使用
那么我们拉到最大距离来看看效果吧!
百度地图API的使用
还是非常方便简单的,但是还有一个问题困扰着我们,现在年轻人都很喜欢在晚上玩手机这样对眼睛是非常不好的,所有许多厂商都已经适配了夜间模式,当然了,百度也我们提供了这个方法。
百度地图API的使用
看看效果,会不会一下子就黑下来呢
百度地图API的使用
曾梦想仗剑走天涯,看一看世界的繁华。可惜被穷字打败了,对我们来说足不出户也可以"周游全国",是不是很神奇呢?我们来看看吧。
百度地图API的使用
没有让你失望吧,足不出户就可以看到武汉长江大桥,这就是全景功能,不知道大家有没有注意到右上角的全景按钮,点击即可开启全景模式,去你想去的地方即可,实现的方法也是非常简单,我们来看看吧。
百度地图API的使用
是不是非常简单便捷呢?还有更多有趣好玩的方法等大家去发现哦,点击开启新大陆

相关文章: