异步加载地图

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
      <title>地图展示</title>
      <style type="text/css">
        html,body{
          width: 100%;
          height: 100%;
          padding: 0;
          margin: 0;
        }
        
        #map {
        width: 100%;
        height: 100%;
        }
        /*  隐藏 logo 和 版权信息 */
        .anchorBL, .BMap_cpyCtrl{
          display: none;
        }
      </style>
  </head>
  <body>
    
    <div id="map"> </div>
    
    
    <script>
         
       function init(){
        var map = new BMapGL.Map('map');
        var point =  new BMapGL.Point(116.404,39.915); 
        // 设置 级别
        map.centerAndZoom(point,10);
        // 设置 滚轮可以 缩小和 放大
        map.enableScrollWheelZoom(true);
       }

       window.onload = function(){
         var script = document.createElement('script');
         script.src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=G1LFyjrNGIkns5OfpZnrCGAKxpycPLwb&callback=init";
         document.body.appendChild(script);
       }
       
    </script>
   
  </body>
</html>
posted @ 2021-03-31 23:00  13522679763-任国强  阅读(102)  评论(0)    收藏  举报