百度地图

 

咱们在浏览网页时，会常常看见相应的地图，这些地图也支持相应的定位、移动、拖拽等功能（这里的浏览器固然包括移动端的浏览器），好比小黄车、滴滴、安居客等平台的网站。这些平台网站的地图是调用相应地图数据公司的接口嵌入到网页中的。

 

本文咱们将对web前端开发过程当中百度地图API的调用进行介绍。

web前端

web前端开发是指利用各类技术手段生成html页面，经过浏览器呈现给用户。这些技术包含可是不限于HTML，CSS及JavaScript等，以及随着互联网发展造成的新的技术html五、css三、ajax、jQuery等技术。

当

然除了这些，你还须要掌握各类框架，成熟的web前端框架有不少，能够根据本身的需求进行选择，其中最主流的即是Bootstrap框架。下面咱们对web前端的技术进行简单介绍：

HTMLHTML是web页面的基础，是展示网页的内容框架。他是一种标准语言，可以被浏览器内核解读的标签语言，是web的核心。HTML只须要可以被浏览器内核引擎解读，因此有很强的跨平台性，是网络的基本语言。

CSS若是说HTML是建造大楼，那么css就是装潢。css是控制HTML中标签的样式，使得网页变得更加美观，也是web的重要组成部分。

JavaScriptjavascript是完成对网页中内容的动态控制，好比网站中点击后的事件、购物车、用户名登入等功能，都得须要javascript来实现。javascript是一门编程语言，有相应的数据类型、循环、函数等各类概念（HTML只是标记语言）

申请百度地图API的key

百度地图的API调用是免费的，并且能够无限次的调用，可是须要申请钥匙key，第一步进入百度地图开发平台的官网：

找到开发文档中的javascript API文档，点击进入：

在产品简介里面找到申请密钥（ak），点击进入：

 

若是是第一次申请，就会进入建立应用界面，填写相应的信息，经过邮箱激活并接收密钥。而后就会在应用列表里看到申请的密钥信息：

利用javascript对百度API接口进行调用

代码构成：

其中BMap.Point(114.4, 30.51)表示初始化地图，设置中心点坐标，(114.4, 30.51)就是武汉当前的坐标。

上面展现的只是普通的区域展现功能，除此以外，还有不少的功能能够调用，好比路线规划：

 

代码构成为：