這篇文章主要為大家展示了“Cesium中加載不規(guī)則形狀出圖怎么辦”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Cesium中加載不規(guī)則形狀出圖怎么辦”這篇文章吧。

靜海網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司自2013年起到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

在Cesium地圖系統(tǒng)開發(fā)中，后臺出圖的范圍，在經(jīng)緯度中是一個(gè)不規(guī)則的polygon，出來的圖片形狀也不是規(guī)則的，要在地圖上貼上這張圖，圖片顯示的范圍也要契合到實(shí)際地圖位置。

圖片效果：

查找Cesium的接口，首先想到的是，用其中的polygon，按照經(jīng)緯的范圍，畫一個(gè)polygon，再將圖片做為材質(zhì)material貼進(jìn)去，不過代碼寫上后，發(fā)現(xiàn)的貼圖在polygon中變形了，也沒有貼到相應(yīng)的地圖位置。

經(jīng)過測試，最后發(fā)現(xiàn)可以用Cesium的Rectangle實(shí)體對象，通過計(jì)算出不規(guī)則多邊形四至范圍的左上角坐標(biāo)和右下角坐標(biāo)，再將圖片材質(zhì)貼上去，地圖上的位置還對上了。

具體的代碼如下：

//添加一個(gè)rectangle的實(shí)體

 viewer.entities.add({

        name: '不規(guī)則貼圖',

        rectangle: {

        //設(shè)置rectangle的四個(gè)坐標(biāo)范圍

        coordinates: Cesium.Rectangle.fromDegrees(-92.0, 30.0, -76.0, 40.0), 

        //設(shè)置圖片為材質(zhì)

        material: 'data/wind_500_2018030616_True.png', 

        //圖片顯示樣式類型，有地形，模型或者兩者，此效果可以達(dá)到貼圖是沿

        //地圖弧面的

        classificationType : Cesium.ClassificationType.TERRAIN

    }

添加完成后，效果是貼地的，形狀是長方形，但是空白地方顯示是黑色，要在材質(zhì)里單獨(dú)設(shè)置一下，把材質(zhì)屬性改成如下：黑色沒有了

material: new Cesium.ImageMaterialProperty({

   image:'data/wind_500_2018030616_True.png',

   transparent:true

  })

//順便設(shè)置個(gè)高度屬性，可以離開地面顯示

height:70000

完成后效果圖：

以上是“Cesium中加載不規(guī)則形狀出圖怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！