mapbox GL作為一個(gè)二三維的地圖引擎，其源碼還是值得熟悉一下的，源碼運(yùn)行也比較簡單，簡單記錄一下。下載源碼和安裝node，yarn等這些步驟就略過了，下面主要是記錄下怎...
發(fā)簡信
IP屬地：廣東
-
OSX系統(tǒng)下運(yùn)行mapbox GL源碼
-
WebGL內(nèi)置函數(shù)
在看Cesium著色器源碼的時(shí)候，看到了WebGL中的一些內(nèi)置函數(shù)，為方便以后查看，特意記錄一下： 1.texture2D vec4 texture2D(sampler2D ...
-
Cesium坐標(biāo)系及轉(zhuǎn)換
1. Cesium坐標(biāo)系 Cesium中常用坐標(biāo)有兩種，分別為WGS84地理坐標(biāo)系和笛卡爾空間坐標(biāo)系，笛卡爾空間坐標(biāo)系也叫做世界坐標(biāo)系。 1.1WGS84地理坐標(biāo)系 我們使用...
-
Cesium自定義材質(zhì)
材質(zhì)是用于描述多邊形、折線、橢球等對(duì)象的外觀特征，材質(zhì)可以是幾何對(duì)象表面的任一一種著色，可以是貼在其表面的一張圖片、也可以是一個(gè)紋理或圖案。cesium中也提供了一些材質(zhì)，比...
-
Cesium軌跡回放
在使用openlayers做二維地圖的時(shí)候也開發(fā)過軌跡回話，其基本思路就是使用一個(gè)定時(shí)器，實(shí)時(shí)更新車輛的位置的方向，讓車輛在軌跡上跑，做法也比較簡單，在Cesium中，使用C...
-
Cesium基本圖形繪制
之前用openlayers開發(fā)二維地圖的時(shí)候，繪制點(diǎn)、線、面、圓、矩形、橢圓是基本的功能，所以在cesium地圖中也可以加入這些功能。將常用的繪制功能進(jìn)行了封裝，繪制點(diǎn)、線、...
-
Cesium顯示經(jīng)緯度,海撥,方向,俯仰角,幀速等信息為了方便看到鼠標(biāo)所指向的經(jīng)緯度、高度、方向等信息，需要在地圖界面上添加對(duì)應(yīng)信息的顯示，效果如下所示，在地圖的底部有一個(gè)黑色的狀態(tài)欄顯示對(duì)應(yīng)的經(jīng)緯度,海撥,方向,俯仰角,幀速等...
-
element-ui源碼閱讀-Layout 布局
Layout 布局通過基礎(chǔ)的 24 分欄，迅速簡便地創(chuàng)建布局。只需引用row和col組件，就能快速的創(chuàng)建布局，基于24等分的原理，可以設(shè)置各個(gè)col所占的等分，使布局變得更簡...
-
element-ui源碼閱讀-指令
在element-ui源碼中運(yùn)用了四個(gè)指令，分別為點(diǎn)擊元素外，滾輪事件優(yōu)化，單擊事件優(yōu)化，獲取ref指令。這些指令在平時(shí)的開發(fā)中也會(huì)經(jīng)常用到，下面就來一一介紹這些指令的實(shí)現(xiàn)方...
-
element-ui源碼閱讀-樣式
element-ui中的樣式文件全部在theme-chalk文件夾下，其目錄結(jié)果主要包括common、fonts、mixins和一些組件樣式文件，組件樣式文件除了日期組件是一...
-
element-ui源碼閱讀-Tabs 標(biāo)簽頁
Tabs 標(biāo)簽頁在平時(shí)的開發(fā)中經(jīng)常會(huì)碰到，主要用于分隔內(nèi)容上有關(guān)聯(lián)但屬于不同類別的數(shù)據(jù)集合。在中后臺(tái)項(xiàng)目中經(jīng)常用到，比如點(diǎn)擊菜單欄上的菜單或?qū)Ш桨粹o時(shí)，可以動(dòng)態(tài)添加tab，并...
-
element-ui源碼閱讀-開篇
最近沒那么忙，準(zhǔn)備研究下element-ui源碼，借簽一下大神的組件設(shè)計(jì)思路，來提升下組件開發(fā)的能力，將其運(yùn)用到工作中，提升組件的可復(fù)用性和可維護(hù)性。通過源碼來vue、css...
-
Cesium指南-自定義vue組件
前面介紹了使用原生的Widget，其實(shí)現(xiàn)思想也是基于MVVM，只是用的knockout.js庫，大伙都不怎么用這個(gè)js庫，用起來也比較麻煩，這里使用大家主流的vue來實(shí)現(xiàn)一個(gè)...
-
Cesium指南-自定義原生js組件
Cesium中可操作的模塊都是由Widget組成的，比如地圖上的首頁按鈕，點(diǎn)擊按鈕后地圖將恢復(fù)到地球狀態(tài)，看似一個(gè)很簡單的功能，代碼卻不少，這是由于使用了組件化的思想，將一些...
-
Vue3.0引入Cesium源碼
由于要對(duì)Cesium進(jìn)行定制化開發(fā)，需要修改里面的源碼，所以就不能使用npm的方式進(jìn)行安裝。需要直接引入源碼的方式。其引入方式跟npm的方式差不多，只需要下載源碼，修改一下配...
-
封裝的一個(gè)圖層工具類，用來創(chuàng)建圖層的
Openlayers 實(shí)例-軌跡回放
幾年前用高德地圖做過手機(jī)版的軌跡回放，準(zhǔn)備用Openlayers來實(shí)現(xiàn)一個(gè)web版的軌跡回放，軌跡回放的原理相對(duì)比較簡單，首先將車輛的軌跡添加在地圖上，然后再添加一個(gè)軌跡點(diǎn)，...
-
立足生態(tài)，連接未來
-
vue之history路由踩坑
由于之前一直用hash路由，基本上沒什么坑，這次由于一些特殊原因，項(xiàng)目得采用history路由，在開發(fā)的時(shí)候基本沒什么問題，當(dāng)項(xiàng)目做完后，發(fā)布到服務(wù)器的時(shí)候就有問題，首先是頁...
