<!DOCTYPE html> <html> <head> <meta charset='UTF-8' /> <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/> <link rel='stylesheet'/> <script src='http://bigemap.com:9000/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script> <style> body { margin: 0; padding: 0; } #container { position: absolute; top: 0; bottom: 0; width: 100%; } .bmgl-widget-credits{display:none} </style> <title>part_test</title> </head> <body> <div id='container'></div> <script> bmgl.Config.HTTP_URL = 'http://bigemap.com:9000'; var viewer = new bmgl.Viewer('container', {terrainId: 'bigemap.9af15d8e',mapId:'bigemap.zhongkexingtu'}); viewer.camera.setView({ destination: bmgl.Cartesian3.fromDegrees(103.11275886321059,31.25777280451164,6000), orientation: {"heading": 5.462412729374679, "roll": 6.280834231188946, "pitch": -0.3856971665320348} }); viewer.scene.globe.depthTestAgainstTerrain = true; viewer.entities.add({ position:bmgl.Cartesian3.fromDegrees(103.1060043615548,31.26417789512378,5540), //設置角度,示例中沒有旋轉,所有全部設置的0。 orientation:bmgl.Transforms.headingPitchRollQuaternion(bmgl.Cartesian3.fromDegrees(103.1060043615548,31.26417789512378),new bmgl.HeadingPitchRoll(0, bmgl.Math.toRadians(0), 0)), model:{ //heightReference:bmgl.HeightReference.CLAMP_TO_GROUND, uri:'/bmgl/glb/satellite.glb', maximumScale:0.1, } }); </script> </body> </html>
源碼