引用百度地图api报错：BMap is not defined

[杰2014]

现在做的这个项目，输入地址的话会有一个联想的列表， 如输入软件园，出来联想地址有软件园二期等

我引用了他们给的那个接口，我如果是页面跳转的话没有问题，用模态框 （dialog.openUrlModal）来打开那个页面的话就不行了

我使用jsp 页面来开发的，
jsp页面代码引用那个接口的代码：

 <script type="text/javascript" src="${basePath}resources/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
        function loadScript() {
        var script = document.createElement("script");
        script.src = "http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxxxxxxxxxxxxx";(处于公司的安全，我替换成x显示，不是秘钥的问题)
        document.body.appendChild(script);
        }

        window.onload = loadScript;
    </script>

js页面代码：

 
$(document).ready(function(){
var map = BMap.map("l-map");
    map.centerAndZoom("泉州",12);   // 初始化地图,设置城市和地图级别。

   /*逻辑代码*/
}

求大神看下是什么问题

[morven_leng]

!function(mapInit) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ App.BMapAk +"&callback=mapinit";
  window['mapinit'] = function() {
    mapInit();
  };
  document.head.appendChild(script);
  //统计页面
  APP.ajax('nearby/stat_nearby_me.html', {});
}(function() {
  // 这里使用BMap
});

给百度js 后面的上一个回调方法  mapinit

[Ygxhdw]

直接在JS里加吗