1.注册个百度地图账号
获取key值秘钥
如下：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6mrUxtrtYxTopSt9rcKbBNEDjmss9nLg"></script>
2.代用百度地图里面的原码
(顶栏开发文档，JavaScript API 里面 点击 右边DEMO 会有原码)
3..注意
// 百度地图API功能 // 创建Map实例时
需要改下百度地图里的原码
var map = new BMap.Map("MyMap");
html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6mrUxtrtYxTopSt9rcKbBNEDjmss9nLg"></script>
<table>
<tr>
<td>百度地图</td>
</tr>
</table>
<div id="MyMap" style=" 100%; height: 800px;"></div>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("MyMap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
</body>
</html>