arcgis js 4 完美支持mapV 摊唇,動畫也支持(一)

之前我也看過有人弄過mapv和arcgis結(jié)合,但是還是不太完美授帕,對于部分效果是不支持的比如動畫,因此我自己弄一個arcgis版本的mapV出來

首先我們這次不是做插件 而是改造mapV浮梢, 去github 把整個mapV 下下來跛十, 在mapV 構(gòu)建兩個類

首先是MapVRenderer.js 類

```javascript

import BaseLayer from "../../map/BaseLayer";

import DataSet from "../../data/DataSet";

export class MapVRenderer extends BaseLayer {

/**

Creates an instance of MapVRenderer.

@param{*} viewer cesium viewer

@param{*} dataset mapv dataset

@param{*} option mapvOptions

@param{*} mapVLayer

@memberofMapVRenderer

*/

constructor(viewer, dataset, option, mapVLayer) {

super(viewer, dataset, option)

if (!BaseLayer) {

return;

}

this.map = viewer,

// this.scene = viewer.scene,

this.dataSet = new DataSet(dataset);

option = option || {},

this.init(option),

this.argCheck(option),

this.initDevicePixelRatio(),

this.canvasLayer = mapVLayer,

this.stopAniamation = !1,

this.animation = option.animation,

this.clickEvent = this.clickEvent.bind(this),

this.mousemoveEvent = this.mousemoveEvent.bind(this),

this.bindEvent()

}

initDevicePixelRatio() {

this.devicePixelRatio = window.devicePixelRatio || 1

}

clickEvent(t) {

var e = t.point;

super.clickEvent(e, t)

}

mousemoveEvent(t) {

var e = t.point;

super.mousemoveEvent(e, t)

}

addAnimatorEvent() { }

animatorMovestartEvent() {

var t = this.options.animation;

this.isEnabledTime() && this.animator && (this.steps.step = t.stepsRange.start)

}

animatorMoveendEvent() {

this.isEnabledTime() && this.animator

}

bindEvent() {

this.map;

this.options.methods && (this.options.methods.click,

this.options.methods.mousemove)

}

unbindEvent() {

var t = this.map;

this.options.methods && (this.options.methods.click && t.off("click", this.clickEvent),

this.options.methods.mousemove && t.off("mousemove", this.mousemoveEvent))

}

getContext() {

return this.canvasLayer.canvas.getContext(this.context)

}

init(t) {

this.options = t,

this.initDataRange(t),

this.context = this.options.context || "2d",

this.options.zIndex && this.canvasLayer && this.canvasLayer.setZIndex(this.options.zIndex),

this.initAnimator()

}

_canvasUpdate(t) {

this.map;

let view = this.map;

var e = this.scene;

if (this.canvasLayer && !this.stopAniamation) {

var i = this.options.animation

, n = this.getContext();

if (this.isEnabledTime()) {

if (void 0 === t)

return void this.clear(n);

"2d" === this.context && (n.save(),

n.globalCompositeOperation = "destination-out",

n.fillStyle = "rgba(0, 0, 0, .1)",

n.fillRect(0, 0, n.canvas.width, n.canvas.height),

n.restore())

} else

this.clear(n);

if ("2d" === this.context)

for (var o in this.options)

n[o] = this.options[o];

else

n.clear(n.COLOR_BUFFER_BIT);

var a = {

transferCoordinate: (t)=> {

debugger

let coordinateType = this.getXYType(t[0],t[1]);

let coordXY = this.getRealXY(t[0],t[1],coordinateType);

let mapPoint = {

x: coordXY.x,

y: coordXY.y,

spatialReference: view.spatialReference

};

let screenPoint = view.toScreen(mapPoint);

return void 0 == n ? [-1, -1] : [screenPoint.x, screenPoint.y]

}

};

void 0 !== t && (a.filter = function (e) {

var n = i.trails || 10;

return !!(t && e.time > t - n && e.time < t)

}

);

var c = this.dataSet.get(a);

?更多消息參考https://xiaozhuanlan.com/topic/9052637481

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市秕硝,隨后出現(xiàn)的幾起案子芥映,更是在濱河造成了極大的恐慌,老刑警劉巖远豺,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件奈偏,死亡現(xiàn)場離奇詭異,居然都是意外死亡躯护,警方通過查閱死者的電腦和手機惊来,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來榛做,“玉大人唁盏,你說我怎么就攤上這事〖烀校” “怎么了厘擂?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀的道長锰瘸。 經(jīng)常有香客問我刽严,道長,這世上最難降的妖魔是什么避凝? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任舞萄,我火速辦了婚禮,結(jié)果婚禮上管削,老公的妹妹穿的比我還像新娘倒脓。我一直安慰自己,他們只是感情好含思,可當(dāng)我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布崎弃。 她就那樣靜靜地躺著甘晤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪饲做。 梳的紋絲不亂的頭發(fā)上线婚,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天,我揣著相機與錄音盆均,去河邊找鬼塞弊。 笑死,一個胖子當(dāng)著我的面吹牛泪姨,可吹牛的內(nèi)容都是我干的游沿。 我是一名探鬼主播,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼驴娃,長吁一口氣:“原來是場噩夢啊……” “哼奏候!你這毒婦竟也來了循集?” 一聲冷哼從身側(cè)響起唇敞,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎咒彤,沒想到半個月后疆柔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡镶柱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年旷档,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片歇拆。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡鞋屈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出故觅,到底是詐尸還是另有隱情厂庇,我是刑警寧澤,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布输吏,位于F島的核電站权旷,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏贯溅。R本人自食惡果不足惜拄氯,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望它浅。 院中可真熱鬧译柏,春花似錦、人聲如沸姐霍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至黔衡,卻和暖如春蚓聘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盟劫。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工夜牡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人侣签。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓塘装,卻偏偏與公主長得像,于是被迫代替她去往敵國和親影所。 傳聞我的和親對象是個殘疾皇子蹦肴,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,937評論 2 361

推薦閱讀更多精彩內(nèi)容