<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>流浪的地球</title> <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=TFGHwFpan4Vim2Vr3hHgZGOUkhBUdaxM"></script> <style> body,html,#allmap{ width: 100%; height: 100%; overflow: hidden; margin: 0; } </style> </head> <body> <div id="allmap"></div> </body> <script> //创建Map实例 var map = new BMapGL.Map("allmap") //初始化地图 map.centerAndZoom(new BMapGL.Point(118.5,27.5),5) //开启鼠标滚轮、缩放 map.enableScrollWheelZoom(true); //设置地图变为3D地球模式 map.setMapType(BMAP_EARTH_MAP); </script> </html>