这里有相当丰富的示例和演示: http://developer.baidu.com/map/jsdemo.htm#b0_7

最基本的元素:

  1. Access Key,必须先从百度 API 控制台那边申请到,地址: http://lbsyun.baidu.com/apiconsole/key
  2. 引用百度 JavaScript API

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
    
  3. Body 部分

    <div id="allmap"></div>
    
  4. Script 部分

    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("allmap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    </script>
    

这样你就完成了最简单的一个百度地图的案例了。

完整的代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
    body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F94fa503a814c1e1b338f12cd791defd"></script>
    <title>地图展示</title>
</head>
<body>
  <div id="allmap"></div>
  <script type="text/javascript">
      // 百度地图API功能
      var map = new BMap.Map("allmap");    // 创建Map实例
      map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
  </script>