重新鼓捣地图

This commit is contained in:
aixianling
2024-07-03 18:53:09 +08:00
parent ba42053138
commit a51bdfaff4

View File

@@ -20,7 +20,7 @@ export default {
const {THREE, d3, axios, TWEEN} = window const {THREE, d3, axios, TWEEN} = window
const rootEl = this.$el const rootEl = this.$el
const root = this const root = this
const scale = 8 const scale = 7
class GeoMap { class GeoMap {
constructor() { constructor() {
@@ -372,7 +372,7 @@ export default {
* */ * */
transLayer({bakeStockAmt, longitude, latitude} = {}) { transLayer({bakeStockAmt, longitude, latitude} = {}) {
const markerGeometry = new THREE.CircleBufferGeometry(0.02, 32); const markerGeometry = new THREE.CircleBufferGeometry(0.1, 32);
const markerMaterial = new THREE.MeshBasicMaterial({ const markerMaterial = new THREE.MeshBasicMaterial({
side: THREE.DoubleSide, side: THREE.DoubleSide,
blending: THREE.AdditiveBlending, blending: THREE.AdditiveBlending,
@@ -383,9 +383,11 @@ export default {
opacity: 1 opacity: 1
}); });
const marker = new THREE.Mesh(markerGeometry, markerMaterial); const marker = new THREE.Mesh(markerGeometry, markerMaterial);
marker.position.set(...this.lnglatToVector3([longitude, latitude])) const [x, y, z] = this.lnglatToVector3([longitude, latitude])
marker.position.z = -0.995 const v3 = new THREE.Vector3(x, y, z).multiplyScalar(1.2)
marker.scale.set(scale, scale, scale) // marker.scale.set(scale, scale, 1)
marker.position.set(x * 30, y * 30, -1)
console.log( marker.position)
return marker return marker
} }