原创 3D Tiles 規範學習筆記

3D Tiles 是爲流式處理和渲染海量3D地理空間數據而設計的,例如傾斜攝影、BIM、CAD。定義了一種數據分層結構和一組切片格式,用於渲染數據內容,對於數據可視化沒有明確的規則,可以自定義規則。 tileset是被一組切片組織成的空間

原创 webpack 創建項目

新建文件夾,vscode打開文件夾。 npm inint  依次輸入項目相關信息: 創建完會生成一個package.json。 全局安裝webpack:npm install webpack -g 安裝webpack的依賴:npm

原创 有用的網站整理

webpack 中文文檔 :https://www.webpackjs.com/guides/getting-started/ 學習CSS的網站,直接看效果,同時可以在線修改。https://dabblet.com/gist/cd33da

原创 leaflet 地圖上添加marker點擊事件,自定義彈出框

var LeafIcon = L.Icon.extend({ options: { // shadowUrl: test.png",//陰影圖片,合理利用可以設置效果

原创 自定義飛行路線管理

超圖飛行管理是提前在桌面端定義好飛行路線,然後進行飛行,但是在業務中,有時候需要根據業務需要進行飛行,比如根據GPS取到的點進行實際路徑飛行。實現思路:先定義一個空的飛行路徑,也可以定義一個只包含一個點的飛行路徑來進行定位。然後增加自定義

原创 模型優化學習整理

模型加載到地圖中,在數據量大的情況下,總是會出現崩潰情況,爲此整理一些模型優化建議: 紋理: 1、儘量合併紋理,多個小紋理合併到一個大的紋理上,這樣會使文件下載次數最小化,並且使引擎批量渲染,能提升一點性能。 2、紋理尺寸合理化,最大到1

原创 cesium 計算兩點之間的距離

//positions 包含兩個點的數組 disTance=function(positions){ var distance = 0; for (var i = 0; i < positions.length - 1; i

原创 拖動div功能

前端開發過程中,魏莉操作方便,有時候彈框需要拖動,代碼如下: function darg(obj){ //移動窗口的步驟 //1、按下鼠標左鍵 //2、移動鼠標 obj.mousedown(function(e)

原创 前端知識學習

1、H5有哪些新特性,如何區分HTML和HTML5:H5主要是圖像,位置,存儲,多任務等功能的增加;繪製canvas,用於媒介回放的video和audio元素,本地離線存儲localStorage長期存儲數據,瀏覽器關閉後數據不丟失;se

原创 vue-admin-element 登錄菜單配置學習-搭建cesium開發環境

1、登錄在src/views/login/index.vue ,登錄只是賬號密碼,登錄後獲取用戶信息其中包含用戶角色,路由配置在src/router/index.js,路由中配置了每個路由對應的角色。可以通過修改配置的title修改菜單名

原创 cesium Property 學習

今天看了這篇文章,收貨挺多,爲了方便後面查看學習,複製保存一下。 Cesium官方教程中有一篇叫《空間數據可視化》(Visualizing Spatial Data)。該文文末簡單提到了Cesium的Property機制,然後話鋒

原创 vscode 調試vue 項目

今天開始學習vue項目,從登陸開始調試。調試配置如下: 1、安裝debugger for Chrome  2、配置調試:點擊調試-打開配置。配置如下: ​ { // 使用 IntelliSense 瞭解相關屬性。 //

原创 Vue安裝步驟

要安裝Vue,首先要安裝node和npm。 安裝完成後檢查是否正確安裝node和npm.如圖: 由於有些npm資源包被屏蔽或者是國外的資源,經常會導致npm安裝依賴包失敗,所以我們還需要npm的國內鏡像,cnpm.輸入如下安裝國內鏡像:

原创 div 增加閃爍效果

@keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.4; } to { opacit

原创 CommonJs規範-相關學習記錄

1、CommonJs模塊規範:每一個文件就是一個模塊,每一個模塊都有自己的作用域,在一個文件裏面定義的變量、函數、類都是私有的,對於其他模塊不可見。如果想對其他模塊可見,必須定義爲global對象屬性。當然這種最好不用,不容易維護。 Co