百度地图

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

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

web前端

web前端开发是指利用各种技术手段生成html页面，通过浏览器呈现给用户。这些技术包含但是不限于HTML，CSS及JavaScript等，以及随着互联网发展形成的新的技术html5、css3、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)就是武汉当前的坐标。

上面展示的只是普通的区域展示功能，除此之外，还有很多的功能可以调用，比如路线规划：

代码构成为：

原文地址：https://www.cnblogs.com/lxl20000630/p/10916319.html