百度地图Api进阶教程-基础地图示例1.html

来源:互联网 发布:mysql cast as int 编辑:程序博客网 时间:2024/05/18 00:52
[html] view plaincopy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>百度地图</title>  
  6.   
  7.   
  8. <script type="text/javascript">  
  9.   
  10.     function initialize() {  
  11.         var map = new BMap.Map("allmap",{minZoom:12,maxZoom:20});            // 创建Map实例  
  12.         //map.centerAndZoom(new BMap.Point(116.4035,39.915),15);  //初始化时,即可设置中心点和地图缩放级别。  
  13.         map.centerAndZoom("成都",13);                     // 初始化地图,设置中心点坐标和地图级别。  
  14.         map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动  
  15.     }  
  16.    
  17.     function loadScript() {  
  18.        var script = document.createElement("script");  
  19.        script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";  
  20.        document.body.appendChild(script);  
  21.     }  
  22.    
  23.     window.onload = loadScript;  
  24. </script>  
  25.   
  26.   
  27. </head>  
  28.  <body>  
  29.     <div style="float:left;width:100px;">1</div>  
  30.     <div id="allmap" style="width: 800px; height: 500px"></div>  
  31. </body>  
  32. </html>  
  33.   
  34. <script type="text/javascript">  
  35.     // 移动到某点 map.panTo(new BMap.Point(116.409, 39.918));    
  36. </script>  
原创粉丝点击