网页项目中经常会有地址，如果能够以百度地图的方式展示出来，肯定比一张冷冰冰的截图来的友好的多，用户可以很方便查看路线，缩放地图，看一下效果如下：
一，去百度注册一个开发者正好，实名认证一下。
百度地图开放平台地址如下，https://lbsyun.baidu.com/。
二，左边创建应用，添加一个新的应用
注意，应用类型一定要选择浏览器端哦，启用服务就全部勾选吧，无关紧要。
三，在我的应用中可以查看到此应用的AK，保存下。
四，页面中调用
1、首页html的head中，先引用js
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=3.0&ak=刚才或许的AK"></script>2、页面中申明一个div容器，地图将会在此容器中展示，注意必须标注长和宽，否则地图不会显示
<div id="map" style="width:400px;height:400px;">
</div>3、获取地图坐标
地图中需要标注出自己的所在地，那么必须获取坐标，不得不说百度的文章真的写的一团糟，根本没有写哪里获得坐标。
传送门在这里，https://api.map.baidu.com/lbsapi/getpoint/index.html，点击这链接，输入你要标注的地址，就会展示坐标。
4、显示地图，代码如下，具体可见注释
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("map"); // 创建Map实例
// 上一步获得的坐标，标注坐标点
var point = new BMap.Point(121.475009, 31.274686);
// 初始化地图,设置中心点坐标和地图级别
// 级别数字越大，地图越比例越小，可以根据实际情况调试
map.centerAndZoom(point, 18);
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.setCurrentCity("上海");// 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放
</script>至此，可以实在在web页面中，调用百度地图了，移动和pc端都能正常显示哦。