百度地图+threejs 报错 TypeError: this.mapService.map.getCameraState is not a function at e.value (l7-three:1:19753)
- Dominant language
- TypeScript
- Stars
- 4.1k
- Forks
- 656
- PR merge metrics
- No merged PRs in 30d
Description
### 问题描述
```
自定义三维图层
html,
body,
#container {
width: 100%;
height: 100%;
}
#container {
width: 100%;
height: 100%;
}
/* #container2 {
width: 50%;
height: 100%;
background-color: #c90;
}
#container2 canvas {
width: 100%;
height: 100%;
} */
window.Three = THREE
console.log(THREE)
const l7Scene = new L7.Scene({
id: 'container',
map: new L7.BaiduMap({
style: 'dark',
// token: '',
center: [110.770672, 34.159869],
pitch: 45,
}),
});
l7Scene.registerRenderService(L7Three.ThreeRender);
// 3、构建 threejs 图层对象并在其中添加 threejs 构建的网格对象
const threeJSLayer = new L7Three.ThreeLayer({
onAddMeshes: (threeScene, layer) => {
threeScene.add(new THREE.AmbientLight(0xffffff));
const sunlight = new THREE.DirectionalLight(0xffffff, 0.25);
sunlight.position.set(0, 80000000, 100000000);
sunlight.matrixWorldNeedsUpdate = true;
threeScene.add(sunlight);
let center = l7Scene.getCenter();
let cubeGeometry = new THREE.BoxGeometry(10000, 10000, 10000);
let cubeMaterial = new THREE.MeshNormalMaterial();
let cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
layer.setObjectLngLat(cube, [center.lng + 0.05, center.lat], 0);
threeScene.add(cube);
},
})
.animate(true);
// 4、添加 threejs 图层对象
l7Scene.addLayer(threeJSLayer);
```
### 重现链接
_No response_
### 重现步骤
_No response_
### 预期行为
_No response_
### 平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
### 屏幕截图或视频(可选)
_No response_
### 补充说明(可选)
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.