antvis / antvis/L7

百度地图+threejs 报错 TypeError: this.mapService.map.getCameraState is not a function at e.value (l7-three:1:19753)

Open
#2,377 6 comments 3 reactions 2 assignees Claimed by @lzxue View on GitHub
🌟 star good first issue
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.