寫前端的大叔

mapbox GL作為一個(gè)二三維的地圖引擎飞醉，其源碼還是值得熟悉一下的奴愉，源碼運(yùn)行也比較簡(jiǎn)單，簡(jiǎn)單記錄一下钥弯。下載源碼和安裝node宪彩，yarn等這些步驟就略過了，下面主要是記錄下怎...

寫前端的大叔

在看Cesium著色器源碼的時(shí)候主届，看到了WebGL中的一些內(nèi)置函數(shù)赵哲，為方便以后查看，特意記錄一下： 1.texture2D vec4 texture2D(sampler2D ...

寫前端的大叔

1. Cesium坐標(biāo)系 Cesium中常用坐標(biāo)有兩種君丁，分別為WGS84地理坐標(biāo)系和笛卡爾空間坐標(biāo)系枫夺，笛卡爾空間坐標(biāo)系也叫做世界坐標(biāo)系。 1.1WGS84地理坐標(biāo)系 我們使用...

寫前端的大叔

cesium實(shí)現(xiàn)卷簾效果比較簡(jiǎn)單绘闷，在官網(wǎng)也提供了相應(yīng)的例子[https://sandcastle.cesium.com/?src=Imagery%20Layers%20Spl...

寫前端的大叔

材質(zhì)是用于描述多邊形橡庞、折線较坛、橢球等對(duì)象的外觀特征，材質(zhì)可以是幾何對(duì)象表面的任一一種著色扒最，可以是貼在其表面的一張圖片燎潮、也可以是一個(gè)紋理或圖案。cesium中也提供了一些材質(zhì)扼倘，比...

寫前端的大叔

在使用openlayers做二維地圖的時(shí)候也開發(fā)過軌跡回話确封，其基本思路就是使用一個(gè)定時(shí)器，實(shí)時(shí)更新車輛的位置的方向再菊，讓車輛在軌跡上跑爪喘，做法也比較簡(jiǎn)單，在Cesium中纠拔，使用C...

寫前端的大叔

之前用openlayers開發(fā)二維地圖的時(shí)候秉剑，繪制點(diǎn)、線稠诲、面侦鹏、圓、矩形臀叙、橢圓是基本的功能略水，所以在cesium地圖中也可以加入這些功能。將常用的繪制功能進(jìn)行了封裝劝萤，繪制點(diǎn)渊涝、線、...

寫前端的大叔

Layout 布局通過基礎(chǔ)的 24 分欄，迅速簡(jiǎn)便地創(chuàng)建布局阔涉。只需引用row和col組件缆娃，就能快速的創(chuàng)建布局，基于24等分的原理洒敏，可以設(shè)置各個(gè)col所占的等分龄恋，使布局變得更簡(jiǎn)...

寫前端的大叔

在element-ui源碼中運(yùn)用了四個(gè)指令，分別為點(diǎn)擊元素外凶伙，滾輪事件優(yōu)化郭毕，單擊事件優(yōu)化，獲取ref指令函荣。這些指令在平時(shí)的開發(fā)中也會(huì)經(jīng)常用到显押，下面就來一一介紹這些指令的實(shí)現(xiàn)方...

寫前端的大叔

element-ui中的樣式文件全部在theme-chalk文件夾下扳肛，其目錄結(jié)果主要包括common、fonts乘碑、mixins和一些組件樣式文件挖息，組件樣式文件除了日期組件是一...

寫前端的大叔

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资铡，并...

寫前端的大叔

最近沒那么忙电禀，準(zhǔn)備研究下element-ui源碼，借簽一下大神的組件設(shè)計(jì)思路笤休，來提升下組件開發(fā)的能力尖飞，將其運(yùn)用到工作中，提升組件的可復(fù)用性和可維護(hù)性店雅。通過源碼來vue政基、css...

寫前端的大叔

前面介紹了使用原生的Widget，其實(shí)現(xiàn)思想也是基于MVVM闹啦，只是用的knockout.js庫(kù)沮明，大伙都不怎么用這個(gè)js庫(kù)，用起來也比較麻煩亥揖，這里使用大家主流的vue來實(shí)現(xiàn)一個(gè)...

寫前端的大叔

Cesium中可操作的模塊都是由Widget組成的珊擂，比如地圖上的首頁按鈕圣勒，點(diǎn)擊按鈕后地圖將恢復(fù)到地球狀態(tài)费变，看似一個(gè)很簡(jiǎn)單的功能，代碼卻不少圣贸，這是由于使用了組件化的思想挚歧，將一些...

寫前端的大叔

由于要對(duì)Cesium進(jìn)行定制化開發(fā)，需要修改里面的源碼吁峻，所以就不能使用npm的方式進(jìn)行安裝滑负。需要直接引入源碼的方式。其引入方式跟npm的方式差不多用含，只需要下載源碼矮慕，修改一下配...

寫前端的大叔

封裝的一個(gè)圖層工具類，用來創(chuàng)建圖層的

Openlayers 實(shí)例-軌跡回放

幾年前用高德地圖做過手機(jī)版的軌跡回放啄骇，準(zhǔn)備用Openlayers來實(shí)現(xiàn)一個(gè)web版的軌跡回放痴鳄，軌跡回放的原理相對(duì)比較簡(jiǎn)單，首先將車輛的軌跡添加在地圖上缸夹，然后再添加一個(gè)軌跡點(diǎn)痪寻，...

寫前端的大叔

5874 2 1

寫前端的大叔

由于之前一直用hash路由蛇尚，基本上沒什么坑，這次由于一些特殊原因顾画，項(xiàng)目得采用history路由取劫，在開發(fā)的時(shí)候基本沒什么問題，當(dāng)項(xiàng)目做完后研侣，發(fā)布到服務(wù)器的時(shí)候就有問題勇凭，首先是頁...