需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，引入jquery使用。
2、在index.html的<script>标签中，输入js代码：
$.get('请求地址', function(b) {
document.body.innerText = b
})
3、浏览器运行index.html页面，此时通过F12的开发者工具可知API接口被调用了。
前后端分离项目，前端是由vue搭建，打包后交给运维人员进行部署，所以IP地址不固定，需要运维人员自己配置，前端项目中不能写固定api地址。
实现步骤：
1，在项目的静态文件中，我的写在pulic文件中了，新建一个 config.js
2，config.js 写入可配置的api地址
3，在index.html中引入刚刚定义的js
4，在封装axios的request.js中使用
5，项目运行打包后，dist文件夹会多一个文件
6，这个可以进行动态配置。
首先去申请一个API key，获取API key后在页面调用申请地址：http://lbsyun.baidu.com/apiconsole/key?application=key
<script src="http://api.map.baidu.com/api?v=2.0&ak=8cprupV34TG3GIxu6CnRE5Ua&service=true" type="text/javascript"></script>
调用api的方法函数
var map = null
$(function(){
map = new BMap.Map("map")
var point = new BMap.Point(x坐标,y坐标)
map.centerAndZoom(point, 15)
//放大控件
map.addControl(new BMap.NavigationControl())
map.enableScrollWheelZoom()
dingwei("地点标题","地址","电话",x坐标,y坐标)
map.setCurrentCity("广州")
