
cesium
湫沐椿风
528541757@qq.com
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue+cesium初探(八)之加载国内(高德、百度、腾讯等)影像纠偏
1、问题在使用cesium加载高德地图时发现高德地图加载的倾斜摄影与实际是存在偏差的,这是因为各个厂商间使用的坐标系是不同的,这就需要进行转换2、解决cesium-map可以解决在cesium中使用国内地图纠偏的问题,使用方式可以参见他的文档,但是我按照他的文档使用会提示,找不到Cesium,于是我便把他代码里的核心文件提出来,在utils下面进行改写并在页面中单独引入以高德地图为例,分别在以下来年各个文件中引入Cesiumlet Cesium = require('cesium/C.原创 2022-01-12 10:08:25 · 2936 阅读 · 0 评论 -
vue+cesium初探(七)之标签点击事件
1、加载标签注意这里的id后面可以用到 viewer.entities.add({ name: "楼顶摄像头", id: 'video', position: Cesium.Cartesian3.fromDegrees(118.27447066535073, 33.96131002247034, 70.79132996761848), billboard: { image: '/video.png',原创 2022-01-06 16:42:59 · 1034 阅读 · 0 评论 -
vue+cesium初探(六)之添加广告片标签
1、创建标签 viewer.entities.add({ name: "门口摄像头", position: Cesium.Cartesian3.fromDegrees(118.27486142960991, 33.96099791408114, 5.350068970639882), billboard: { image: '/video.png', scale: 0.1, vertica原创 2022-01-06 10:49:00 · 411 阅读 · 0 评论 -
vue+cesium初探(五)之调整倾斜摄影高度
1、发现问题上一篇我们将倾斜摄影加载到地图上后发现其离实际地面高出不少,如下图2、调整高度 tileset.readyPromise.then(function (tileset) { var cartographic = Cesium.Cartographic.fromCartesian( tileset.boundingSphere.center ); var surface = Ces原创 2022-01-06 10:08:49 · 2173 阅读 · 1 评论 -
vue+cesium初探(四)之加载倾斜摄影
1、加载倾斜摄影//加载倾斜摄影var tileset = new Cesium.Cesium3DTileset({ url: 'http://192.168.2.18:3000/dx/tileset.json',});2、将倾斜摄影添加到球体上并定位到倾斜摄影// 添加到球体上viewer.scene.primitives.add(tileset);// //定位过去viewer.zoomTo(tileset);3、效果图...原创 2022-01-06 09:55:28 · 1616 阅读 · 6 评论 -
vue+cesium报错解决
ThirdParty/zip.js Cannot read property 'length' of undefined原创 2021-12-27 10:24:52 · 3052 阅读 · 2 评论 -
vue+cesium初探(三)之加载3D模型
1、views下新建Models.vue文件<template> <div id="container" class="box"> <div id="cesiumContainer"> <div class="modelMenu"> <div v-for="(item,index) in modelList" :key='index' class="modelItem" @click="chang原创 2020-08-10 14:41:57 · 4267 阅读 · 0 评论 -
vue+cesium初探(二)之绘制形状
1、在views新建Box.vue<template> <div id="container" class="box"> <div id="cesiumContainer"></div> </div></template><script>export default { name: 'Home', mounted(){ this.init() }, methods: {原创 2020-08-10 10:24:14 · 928 阅读 · 0 评论 -
vue+cesium初探(一)之vue环境配置
1、基础环境 2、创建项目选择第三项自己配置按上下移动,空格键选择,回车键确定后面就按自己喜好去配,不懂可以摆渡3、安装cesium依赖4、配置vue.config.js在项目目录下新建vue.config.js,配置如下const CopyWebpackPlugin = require('copy-webpack-plugin')const webpack = require('webpack')const path = requi...原创 2020-08-10 09:44:47 · 6019 阅读 · 4 评论