在地图上指定位置标注四棱锥，之前学习threejs实现4棱锥效果，今天学习将四棱锥标注到的地图上。
在3d地图上标注四棱锥效果实例
在3d地图上标注四棱锥效果锥实例
创建棱锥
// 引入three.js
import * as THREE from 'three/build/t...
yekong
2年前 (2023-01-25)
喜欢
web3d地图开发时，经常需要在3d地图上添加一些图片标注
矩形贴图标注位置实例
矩形贴图标注位置实例
添加标注
// 引入three.js
import * as THREE from 'three/build/three.module.js';
import {modelU...
yekong
2年前 (2023-01-25)
喜欢
墨卡托投影（Mercator Projection），又称麦卡托投影、正轴等角圆柱投影，是一种等角的圆柱形地图投影法。本投影法得名于法兰德斯出身的地理学家杰拉杜斯·墨卡托，他于1569年发表长202公分、宽124公分以此方式绘制的世界地图。在以此投影法绘制的地图上，经纬线于任何位...
yekong
2年前 (2023-01-25)
喜欢
地图拉伸api ExtrudeBufferGeometry
通过three.js的几何体ExtrudeBufferGeometry可以拉伸一个轮廓，这样的话，通过ExtrudeBufferGeometry可以实现一个立体的拉伸地图效果。
注意拉伸高度要参考地图包围盒尺寸，或者说...
yekong
2年前 (2023-01-25)
喜欢
克隆.clone()和复制.copy() 是threejs很多对象都具有的方法，比如三维向量对象Vector3、 网格模型Mesh、几何体、材质。
克隆.clone()
克隆.clone()简单说就是复制一个和原对象一样的新对象，下面以三维向量对象Vector3给大家举例，其他的...
yekong
2年前 (2023-01-24)
喜欢
在vue2开发时一直使用的别名提示，使用vue3的vite时，突然不能用别名了，研究发现需要配置一下。
找到vite.config.js,添加alias配置就重新运行就可以了。
import {defineConfig, loadEnv} from 'vite';
import ...
yekong
2年前 (2023-01-24)
喜欢
vue项目为了提升加载速度，会将静态资源托管到cdn上，以前一直使用的是vue2最近开始学习使用vue3，也加入到了vite的大军当中，首先要解决一下cdn的问题。
仍有问题
虽然能够成功上传到七牛云了，但是目前还有一个问题，使用vite打包后chrome浏览器请求获取js文件时...
yekong
2年前 (2023-01-23)
喜欢
vue项目中，使用vite打包时，我们需要判断环境，用于做不同的处理，比如cdn部署。
通过process.env.NODE_ENV我们可以获取到环境。
import {defineConfig, loadEnv} from 'vite';
import vue from '@v...
yekong
2年前 (2023-01-23)
喜欢
首先项目中需要配置了postcss-pxtorem
vue3 数据大屏实现屏幕自适应 px转rem
找到postcss.config.cjs
添加exclude
module.exports = {
plugins: {
autoprefixer: {},...
yekong
2年前 (2023-01-23)
喜欢
安装依赖
pnpm install vue-router
创建路由文件
router->index.js
import {createRouter, createWebHistory} from 'vue-router'
const routerHistory = c...
yekong
2年前 (2023-01-23)
喜欢
