Cesium加載非4326/3857的wfs服務(wù)

cesium中加載wfs服務(wù)可以使用如下代碼:

//wfs地址良拼。如:https://***/geoserver/wfs?service=WFS&version=1.0.0&request=GetFeature&typeName=***&outputFormat=application/json
const url = 'https://***/geoserver/wfs?service=WFS&version=1.0.0&request=GetFeature&typeName=***&outputFormat=application/json' 
//wfs請求可以修改參數(shù)窥浪,各個參數(shù)有不同含義,如想wfs返回json而非xml舷蟀,則可使用outputFormat=application/json
//request:指定要執(zhí)行的操作類型跃巡,常見的操作包括DescribeFeatureType绘雁、GetFeature、Transaction等
//outputFormat:指定返回的數(shù)據(jù)格式舆吮,可以是XML揭朝、JSON、GML等色冀。

Cesium.Resource.fetchJson(url).then(function (data) {
    let promise = Cesium.GeoJsonDataSource.load(data, {
      stroke: Cesium.Color.HOTPINK,
      // fill: Cesium.Color.PINK,
      //strokeWidth: 3,
      //markerSymbol: '?',
    })

    promise.then((dataSource) => {
      viewer.dataSources.add(dataSource)
    })
 })

但有時需要加載一個非EPSG4326的wfs服務(wù)萝勤,如EPSG:32651

首先涉及坐標轉(zhuǎn)換,我們可以在epsg.io上找到proj代碼呐伞,通過proj4.js這個庫對坐標進行轉(zhuǎn)換敌卓,示例:

import proj4 from "proj4";


const epsg32651 = '+proj=utm +zone=51 +ellps=WGS84 +datum=WGS84 +units=m +no_defs';
const epsg4326 = '+proj=longlat +datum=WGS84 +no_defs +type=crs';

proj4.defs('EPSG:32651', epsg32651);
proj4.defs('EPSG:4326', epsg4326);
const transformFunc = proj4('EPSG:32651', 'EPSG:4326').forward;
console.log(transformFunc([219555.86505479272, 3355776.015674563]))  //輸出了4326的經(jīng)緯度坐標

在正式使用時,可以通過新增crsNames來添加伶氢,如

Cesium.GeoJsonDataSource.crsNames['urn:ogc:def:crs:EPSG::32651'] = Cesium.GeoJsonDataSource.crsNames['EPSG:32651'] = function (coordinates) {
    const x = coordinates[0]
    const y = coordinates[1]
    const res = //轉(zhuǎn)換32651的x,y坐標為經(jīng)緯度趟径,可通過proj4轉(zhuǎn)換瘪吏,也可通過自定義轉(zhuǎn)換方法轉(zhuǎn)換
    return Cesium.Cartesian3.fromDegrees(res.x, res.y, 0)
  }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蜗巧,隨后出現(xiàn)的幾起案子掌眠,更是在濱河造成了極大的恐慌,老刑警劉巖幕屹,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蓝丙,死亡現(xiàn)場離奇詭異,居然都是意外死亡望拖,警方通過查閱死者的電腦和手機渺尘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來说敏,“玉大人鸥跟,你說我怎么就攤上這事】” “怎么了医咨?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長架诞。 經(jīng)常有香客問我拟淮,道長,這世上最難降的妖魔是什么谴忧? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任惩歉,我火速辦了婚禮,結(jié)果婚禮上俏蛮,老公的妹妹穿的比我還像新娘撑蚌。我一直安慰自己,他們只是感情好搏屑,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布争涌。 她就那樣靜靜地躺著,像睡著了一般辣恋。 火紅的嫁衣襯著肌膚如雪亮垫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天伟骨,我揣著相機與錄音饮潦,去河邊找鬼。 笑死携狭,一個胖子當著我的面吹牛继蜡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼稀并,長吁一口氣:“原來是場噩夢啊……” “哼仅颇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起碘举,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤忘瓦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后引颈,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耕皮,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年蝙场,在試婚紗的時候發(fā)現(xiàn)自己被綠了凌停。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡李丰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逼泣,到底是詐尸還是另有隱情趴泌,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布拉庶,位于F島的核電站嗜憔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏氏仗。R本人自食惡果不足惜吉捶,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望皆尔。 院中可真熱鬧呐舔,春花似錦、人聲如沸慷蠕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽流炕。三九已至澎现,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間每辟,已是汗流浹背剑辫。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留渠欺,地道東北人妹蔽。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親讹开。 傳聞我的和親對象是個殘疾皇子盅视,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

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