国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

  1. Toy模板網首頁
  2. >Toy博客

Mars3D手把手開發(fā)教程（vue3）

1年前作者：熱愛跑步的小前端分類：Toy博客閱讀(32)違法舉報

這篇具有很好參考價值的文章主要介紹了Mars3D手把手開發(fā)教程（vue3）。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

1. Mars3D是什么？

Mars3D三維可視化平臺?是火星科技?(opens new window)研發(fā)的一款基于 WebGL 技術實現的三維客戶端開發(fā)平臺，基于Cesium?(opens new window)優(yōu)化提升與B/S架構設計，支持多行業(yè)擴展的輕量級高效能GIS開發(fā)平臺，能夠免安裝、無插件地在瀏覽器中高效運行，并可快速接入與使用多種GIS數據和三維模型，呈現三維空間的可視化，完成平臺在不同行業(yè)的靈活應用。

為企業(yè)提供敏捷高效的數字孿生可視化開發(fā)能力，助力企業(yè)加速數字化轉型

2.Vue3項目中集成mars3D

（1）安裝依賴

npm install vite-plugin-mars3d --save-dev

（2）修改 vite.config.ts 配置文件

mars3d,3d

（3）新建一個map.ts文件，底下代碼直接復制

import * as mars3d from "mars3d"
import { Cesium } from "mars3d"

import "mars3d/dist/mars3d.css";
import "mars3d-cesium/Build/Cesium/Widgets/widgets.css";

// 定義全局地圖變量
export let map: mars3d.Map | null = null;
//必須有這兩行css,否則地球出來了，樣式還是亂的
export function initMap() {
  // 創(chuàng)建三維地球場景
  map = new mars3d.Map("mars3dContainer", {
    scene: {  
       center: { lat: 30.054604, lng: 108.885436, alt: 17036414, heading: 0, pitch: -90 },// 初始視角中心點和方向  
        showSun: true, // 顯示太陽  
        showMoon: true, // 顯示月亮  
        showSkyBox: true, // 顯示天空盒  
        showSkyAtmosphere: false, // 關閉球周邊的白色輪廓  
        fog: true, // 開啟霧效  
        fxaa: true, // 開啟FXAA抗鋸齒  
        globe: {  
          showGroundAtmosphere: false, // 關閉球表面的大氣效果  
          depthTestAgainstTerrain: false,  
          baseColor: "#546a53" // 球體基礎顏色  
        },  
        cameraController: {  
          zoomFactor: 3.0, // 縮放因子  
          minimumZoomDistance: 1, // 最小縮放距離  
          maximumZoomDistance: 50000000, // 最大縮放距離  
          enableRotate: true, // 允許旋轉  
          enableZoom: true // 允許縮放  
        },  
        mapProjection: mars3d.CRS.EPSG3857, // 地圖投影方式，這里是墨卡托投影  
        mapMode2D: Cesium.MapMode2D.INFINITE_SCROLL // 2D模式下，地圖可以無限滾動  
      },
    control: {
      baseLayerPicker: true, // basemaps底圖切換按鈕
      homeButton: false, // 視角復位按鈕
      sceneModePicker: false, // 二三維切換按鈕
      navigationHelpButton: false, // 幫助按鈕
      fullscreenButton: true, // 全屏按鈕
      contextmenu: { hasDefault: false } // 右鍵菜單
    },
    terrain: {  
        url: "http://data.mars3d.cn/terrain", // 地形數據的URL  
        show: true // 顯示地形  
      },
    basemaps: [
      {
          name: "暗色底圖",
          type: "gaode",
          icon: "img/basemaps/blackMarble.png",
          layer: "vec",
          invertColor: true,
          filterColor: "#4e70a6",
          brightness: 0.6,
          contrast: 1.8,
          gamma: 0.3,
          hue: 1,
          saturation: 0
          show: true
      }
    ] as any,
  })
  return map
}

（4）新建地圖盒子，引入map.ts文件

<template>
 <div>
    <div id="mars3dContainer" class="mars3d-container"></div>
  </div>
</template>
<script setup lang="ts">

import { onMounted, ref } from 'vue';
import * as mars3d from "mars3d"
import { initMap,map  } from "../map";
//加載地圖
onMounted(() => {
    initMap();
});
<style scoped lang="scss">
.mars3d-container {
    width: 100%;
    height: 100%;
}
</style>

自此，一個美麗的地圖就出來了

mars3d,3d

?（5）如果要將視角移動到你設置的城市那里，改寫map.ts文件中這個

mars3d,3d

（6）想要更換地圖，更改map.ts文件中的basemaps更換底圖，什么天地圖，高德圖，百度圖，藍色黑色地圖等等

mars3d,3d

?

3.地圖點位標注

創(chuàng)建圖層-將圖層添加到地圖-創(chuàng)建點位對象-將點對象添加到圖層?

<template>
    <div>
        <div id="mars3dContainer" class="mars3d-container"></div>
    </div>
</template>
<script setup lang="ts">
        import { onMounted, ref } from 'vue';
        import * as mars3d from "mars3d"
        import { initMap, map } from "../map";
        import tb from '@/assets/image/hyfw.png'
        const arr = [
            { grid: '{"type":"Point","coordinates":[109.006887,34.232718]}', name: '測試', remark: 'xx區(qū)' },
           //其他數據...
        ];
        onMounted(() => {
            initMap();
            mapKindergarten()
            console.log(map, 'map');
        });
        let pointLayer: any;
        /**
        * Date:2024/3/21
        * Author:zx
        * Function:【地圖點分布】
        * @param 無
        */
        const mapKindergarten = () => {
            // 初始化地圖
            // 創(chuàng)建一個用于存放所有點位的圖層
            pointLayer = new mars3d.layer.GraphicLayer({
                name: 'PointLayer',
                hasEdit: false,
                isAutoEditing: false
            });

            // 將圖層添加到地圖
            map.addLayer(pointLayer);
            // 遍歷數組，為每個點位數據創(chuàng)建圖形點
            arr.forEach((pointData: any) => {
                // 解析點位的坐標
                const coordinates = JSON.parse(pointData.grid).coordinates;

                // 創(chuàng)建 Mars3D 中的點對象(默認點位樣式)
                //                 const pointGraphic = new mars3d.graphic.PointEntity({
                //                 position: coordinates,
                //                 attr: pointData,
                //                 style: {
                //                     color: mars3d.Cesium.Color.RED,
                //                     pixelSize: 10,
                //                     scale: 1,
                //                     image: undefined,
                //                 }
                // });
                // 創(chuàng)建自定義圖標點
                // 創(chuàng)建 Mars3D 中的點對象(默認點位樣式)
                const pointGraphic = new mars3d.graphic.BillboardEntity({
                    position: coordinates,
                    attr: pointData,
                    style: {
                        pixelSize: 10,
                        scale: 0.5,
                        image: tb,
                    }
                });

                // 添加點位點擊事件
                pointGraphic.on(mars3d.EventType.click, function (event: any) {
                    console.log('點擊了點位', event);
                });
                // 將點對象添加到圖層
                pointLayer.addGraphic(pointGraphic);
            });


        };

</script>

<style scoped lang="scss">
.mars3d-container {
    width: 100%;
    height: 100%;
}
</style>

效果圖

mars3d,3d

4.熱力圖

（1）安裝熱力圖庫

   npm install mars3d-heatmap

?（2）引入庫

    import "mars3d-heatmap"

（3）寫函數

? ? ? ? 注：? 創(chuàng)建熱力圖層，添加圖層，再調用函數

? ? ? ? ? ? ? ? ? arr就是前面點位標注函數的arr數據

 /**
        * Date:2024/3/21
        * Author:zx
        * Function:【熱力圖】
        * @param 無
        */
        let heatLayer: any = null
        const mapKindergartenHeatmap = () => {
            let arrPoints: any = []
            arr.forEach((item: any) => {
                if (item.point || item.grid) {
                    let pointData = item.point ? JSON.parse(item.point).coordinates : JSON.parse(item.grid).coordinates
                    arrPoints.push({ lng: pointData[0], lat: pointData[1], value: 1 })
                }
            })
            if (heatLayer) {
                map.removeLayer(heatLayer)
                heatLayer = null
            }
            
            // 熱力圖 圖層
            heatLayer = new mars3d.layer.HeatLayer({
                name: "Point",
                positions: arrPoints,
                heatStyle: {
                radius: 40,
                blur: 0.85,
                gradient: { 0.4: 'blue', 0.6: 'green',0.9: 'yellow',1: 'red' }
                },
                // 以下為矩形矢量對象的樣式參數 
                style: {
                    arc: false, // 是否為曲面
                    height: 10
                },
                // flyTo: true,
            })
            map.addLayer(heatLayer)
        };

效果如下

mars3d,3d?

?5.地圖面分布

創(chuàng)建面圖層-將面圖層添加到地圖-創(chuàng)建多邊形對象-將面對象添加到圖層

下面是根據數據生成面的函數，?polygonData是后臺數據 ，我模擬了個別

        /**
        * Date:2024/3/21
        * Author:zx
        * Function:【地圖面分布】
        * @param 無
        */
        let polygonData = ref( [
  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
          [108.901467, 34.22501],
          [108.90235, 34.224611],
          [108.902374, 34.223664],
          [108.90208, 34.223183],
          [108.901581, 34.222639],
          [108.901447, 34.222412],
          [108.901445, 34.222413],
          [108.901417, 34.222425],
          [108.901366, 34.222449],
          [108.90134, 34.22246],
          [108.901334, 34.222463],
          [108.901295, 34.22248],
          [108.901291, 34.222482],
          [108.901232, 34.222509],
          [108.901189, 34.222527],
          [108.901173, 34.222534],
          [108.901103, 34.222568],
          [108.901033, 34.222601],
          [108.900963, 34.222635],
          [108.900906, 34.22266],
          [108.900899, 34.222663],
          [108.900827, 34.222695],
          [108.900821, 34.222697],
          [108.900732, 34.222737],
          [108.900636, 34.222778],
          [108.900541, 34.22282],
          [108.900446, 34.222862],
          [108.90035, 34.222904],
          [108.900292, 34.22293],
          [108.900234, 34.222956],
          [108.900171, 34.222983],
          [108.900783, 34.223906],
          [108.901467, 34.22501]
        ]
      ]
    },
    num: 1,
    name: "中天花園"
  },  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
        [108.903272,34.19876],
        [108.902163,34.198774],
        [108.902107,34.198582],
        [108.901865,34.197436],
        [108.90172,34.197456],
        [108.900913,34.197557],
        [108.900863,34.197241],[108.900343,34.197292],
        [108.900339,34.199717],[108.90037,34.199792],
        [108.900392,34.199849],[108.903211,34.19984],
        [108.903251,34.199807],[108.903278,34.199785],
        [108.903273,34.199352],[108.903272,34.19876]
        ]
      ]
    },
    num: 1,
    name: "xx花園"
  },
  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
        [108.911196,34.22649],
        [108.910652,34.22675],[108.911124,34.22748],
        [108.911472,34.227295],[108.911621,34.227229],
        [108.911196,34.22649]
        ]
      ]
    },
    num: 1,
    name: "xx花園"
  },
  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
        [108.901062,34.232978],[108.901054,34.233017],
        [108.900955,34.233057],[108.900473,34.233278],
        [108.900505,34.233331],[108.900542,34.233393],
        [108.90058,34.233455],[108.900625,34.233524],
        [108.900669,34.233593],[108.900717,34.233666],
        [108.900765,34.23374],[108.900813,34.233813],
        [108.900856,34.233877],[108.900898,34.23394],
        [108.900941,34.234004],[108.900983,34.234067],
        [108.901015,34.234114],[108.901023,34.234127],
        [108.901068,34.234196],[108.901112,34.234264],
        [108.901156,34.234333],[108.9012,34.234401],
        [108.901245,34.23447],[108.901289,34.234538],
        [108.901333,34.234607],[108.90138,34.23468],[
        108.901427,34.234752],[108.901473,34.234825],
        [108.90152,34.234897],[108.901567,34.23497],
        [108.901583,34.234995],[108.901618,34.235048],
        [108.901653,34.235102],[108.901688,34.235156],
        [108.90169,34.235161],[108.901703,34.235183],
        [108.901987,34.235047],[108.901305,34.233942],
        [108.901418,34.233891],[108.901066,34.233256],
        [108.901635,34.232992],[108.901228,34.23234],
        [108.901179,34.232363],[108.901094,34.232402],
        [108.901009,34.232441],[108.900923,34.232479],
        [108.900838,34.232518],[108.900798,34.232537],
        [108.90079,34.23254],[108.901062,34.232978]
        ]
      ]
    },
    num: 1,
    name: "xx花園"
  },
  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
        [108.903119,34.228991],
        [108.902817,34.228477],
        [108.90172,34.228988],
        [108.901765,34.229057],
        [108.90181,34.229128],
        [108.901856,34.229198],
        [108.901901,34.229269],
        [108.901947,34.229339],
        [108.901993,34.22941],
        [108.902031,34.229469],
        [108.902034,34.229474],
        [108.902621,34.229205],
        [108.903119,34.228991]
        ]
      ]
    },
    num: 1,
    name: "xx花園"
  }
  ,
  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
        [108.903443,34.230496],
        [108.903075,34.229939],
        [108.902621,34.229205],
        [108.902034,34.229474],
        [108.902081,34.229546],
        [108.902131,34.229624],
        [108.90218,34.229701],
        [108.90223,34.229778],
        [108.90228,34.229856],
        [108.90233,34.229933],
        [108.90238,34.23001],
        [108.90243,34.230088],
        [108.90248,34.230165],
        [108.90253,34.230243],
        [108.90258,34.23032],
        [108.90263,34.230397],
        [108.902677,34.23047],
        [108.902724,34.230542],
        [108.902772,34.230614],
        [108.902819,34.230687],
        [108.902865,34.230758],
        [108.903443,34.230496]
        ]
      ]
    },
    num: 1,
    name: "xx花園"
  },
  {
    grid: {
      type: "Polygon",
      coordinates: [
        [
        [108.904156,34.230607],
        [108.903706,34.229914],
        [108.903119,34.228991],
        [108.902621,34.229205],
        [108.903075,34.229939],
        [108.903443,34.230496],
        [108.903656,34.230842],
        [108.904156,34.230607]
        ]
      ]
    },
    num: 1,
    name: "xx花園"
  }
])
        const mapKindergartenFace = () => {
            // 創(chuàng)建一個用于存放所有面的圖層
            const polygonLayer = new mars3d.layer.GraphicLayer({
                name: 'PolygonLayer',
                hasEdit: false,
                isAutoEditing: false
            });
            // 將圖層添加到地圖
            map.addLayer(polygonLayer);
            // 遍歷數組，為每個面數據創(chuàng)建多邊形
            polygonData.value.forEach((polygonCoords: any) => {
                // 解析多邊形的坐標
                const coordinates = JSON.parse(polygonCoords.grid).coordinates; // 這里假設polygonCoords是一個JSON格式的坐標數組

                // 創(chuàng)建 Mars3D 中的多邊形對象
                const polygonEntity = new mars3d.graphic.PolygonEntity({
                    positions: coordinates, // 設置多邊形的位置坐標數組
                    style: {
                        color: "#e8b99d"
                        // fillColor: mars3d.Cesium.Color.RED.withAlpha(1), // 設置面的填充顏色和透明度
                        // outlineColor: mars3d.Cesium.Color.BLACK, // 設置面的邊框顏色
                        // outlineWidth: 10 // 設置面的邊框寬度
                    }
                });

                // 將多邊形對象添加到圖層
                polygonLayer.addGraphic(polygonEntity);
            });


        };

效果如下

mars3d,3d

6. 地圖放大展示點位名稱

（1）編寫一個相機移動視角的函數（三維地圖，不再是地圖的縮放，而是視角，）

? ? ? ? ?函數中創(chuàng)建了標簽圖層，并添加

? ? ? sceneData.value.alt為相機的高度，也就是地圖放大縮小率

   /**
        * Date:2024/3/21
        * Author:zx
        * Function:【相機移動或視角變化】
        * @param 無
        */
        let labelLayer: any = null; // 添加標簽的圖層
        let sceneData = ref()
        const map_cameraChangedHandler = () => {
            sceneData.value = map.getCameraView();
            // console.log(sceneData.value, '視角');

            // 檢查相機高度是否小于 3000
            if (sceneData.value.alt > 10000) {
                // 刪除 labelLayer 圖層中的標簽

                map.getLayers().forEach((item: any) => {
                    if (item.options.name === "LabelLayer") {
                        map.removeLayer(item);
                    }
                })

            } else {
                // 顯示標簽
                labelLayer = new mars3d.layer.GraphicLayer({
                    name: 'LabelLayer',
                    hasEdit: false,
                    isAutoEditing: false
                });
                map.addLayer(labelLayer);
                // 遍歷標簽圖層中的標簽，并添加到圖層中
                arr.forEach((pointData: any) => {
                    const coordinates = JSON.parse(pointData.grid).coordinates;

                    // 創(chuàng)建標簽圖形
                    const labelGraphic = new mars3d.graphic.LabelEntity({
                        position: coordinates,
                        style: {
                            text: pointData.name, // 幼兒園名稱
                            font: '16px sans-serif', // 字體大小和樣式
                            fillColor: mars3d.Cesium.Color.YELLOW, // 字體顏色
                            // outlineColor: mars3d.Cesium.Color.BLACK, // 字體描邊顏色
                            outlineWidth: 1, // 字體描邊寬度
                            horizontalOrigin: mars3d.Cesium.HorizontalOrigin.CENTER, // 文本水平對齊方式
                            verticalOrigin: mars3d.Cesium.VerticalOrigin.BOTTOM, // 文本垂直對齊方式
                            pixelOffset: new mars3d.Cesium.Cartesian2(0, -40), // 文本偏移量，使其顯示在點的上方
                            disableDepthTestDistance: Number.POSITIVE_INFINITY // 防止標簽被遮擋
                        }
                    });

                    // 將標簽圖形添加到標簽圖層中
                    labelLayer.addGraphic(labelGraphic);
                });
            }
        };

（2）在點位標注函數那 綁定相機視角事件

mars3d,3d?

效果如下，可自由設置相機視角高度，實現放大展示點位信息，縮小隱藏點位信息

mars3d,3d

通過本文，開發(fā)者將獲得對Mars3D簡單的一些操作，更高級的功能小編還在學習中，期待一起進步。文章來源地址http://www.zghlxwxcb.cn/news/detail-852306.html

到了這里，關于Mars3D手把手開發(fā)教程（vue3）的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如若轉載，請注明出處： 如若內容造成侵權/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經查實，立即刪除！

領支付寶紅包贊助服務器費用

相關文章

  • Mars3D/Cesium + VUE3

    不定期更新 參考官網： http://mars3d.cn/dev/guide/start/import.html#_3-3-vite-%E6%8A%80%E6%9C%AF%E6%A0%88%E6%97%B6-%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%85%8D%E7%BD%AE%E4%BF%AE%E6%94%B9 ：已親測vite框架，可以運行，具體見下main 1、插件 vite-plugin-mars3d vite中需要

    2024年02月14日
    瀏覽(31)
  • Mars3D Studio 的使用方法

    Mars3D Studio 的使用方法

    mars3d Studio 是 mars3d 研發(fā)團隊于近期研發(fā)上線的一款 場景可視化編輯平臺。擁有資源存檔、團隊協作、定制材質等豐富的功能。可以實現零代碼構建一個可視化三維場景。 （1）數據上傳：目前支持 tif 影像上傳、 3dtitles 、 gltf 小模型上傳以及矢量數據（ shp、gesojson、kml ） 下

    2023年04月16日
    瀏覽(30)
  • Mars3d項目啟動上的一些坑

    Mars3d項目啟動上的一些坑

    最近新入職了一家公司，公司新開了有個未來城市的項目，需要用到3D城市建模，公司老總選了Mars3d作為前端框架，項目分給我了，又是一個全新的領域，開搞吧！ 下面是自己遇到的幾個小問題，記錄一下： 1 npm install copy-webpack-plugin --save -dev 時報錯 解決辦法：npm install cop

    2024年02月05日
    瀏覽(28)
  • [mars3d 學習] 最近升級版本造成的問題

    [mars3d 學習] 最近升級版本造成的問題

    1、mars3d升級3.5以上，使用的時候報錯； 需要看下?Mars3D三維可視化平臺 | 火星科技?版本更新日志； 使用將Cesium的版本升級到1.103 2、升級Cesium到1.103，之后打包又會報錯 -?error in ./node_modules/mars3d-Cesium/Build/Cesium/index.js 哦，是因為cesium1.96改變了代碼打包方式；在vue2中就會存在

    2024年02月17日
    瀏覽(49)

  • Mars3D使用過程遇到的問題記錄【持續(xù)更新】

    需要標注線面的角度heading 2022年6月23日 heading計算方式： https://turfjs.fenxianglu.cn/ 計算兩點之間的角度 直接F12在控制臺可以計算 eg: 加載gltf模型，模型是透明的，需要改為不透明 2022年6月23日 用文本編輯器打開.gltf，把里面的\\\"alphaMode\\\":\\\"BLEND\\\"改成\\\"alphaMode\\\":\\\"OPAQUE\\\" 模型旋轉之后，標

    2024年02月08日
    瀏覽(30)

  • vue3+vite項目集成mars3d

    創(chuàng)建一個項目 yarn create vite // vue - ts 安裝依賴 yarn add?vite-plugin-mars3d -D yarn add?mars3d 控制臺警告 warning \\\" mars3d@3.5.0\\\" has unmet peer dependency \\\"@turf/turf@^6.5.0\\\". warning \\\" mars3d@3.5.0\\\" has unmet peer dependency \\\"mars3d-cesium@~1.103.1\\\". 安裝 yarn add? @turf/turf?mars3d-cesium 修改 vite.config.ts 修改srcApp.vue 就可

    2024年02月15日
    瀏覽(31)
  • vue3使用Mars3D寫區(qū)塊地圖

    vue3使用Mars3D寫區(qū)塊地圖

    因為我也是第一次使用，所以我是把插件和源文件都引入了，能使用啟動 源文件 下載地址： http://mars3d.cn/download.html 放入位置 在index.html中引入 引入插件 我是封裝的組件，代碼的使用和意義 我直接放在備注中 大體布局 父組件 添加地圖內部數據和地圖外部數據的方法 ，我都

    2024年01月20日
    瀏覽(50)
  • Mars3d采用ellipsoid球實現模擬地球旋轉效果

    Mars3d采用ellipsoid球實現模擬地球旋轉效果

    1.Mars3d采用ellipsoid球實現模擬地球旋轉效果 2.開始自選裝之后，模型一直閃爍 http://mars3d.cn/editor-vue.html?id=graphic/entity/ellipsoid 3.相關代碼： ? 4.采用屬性機制即可實現球體模擬地球旋轉的效果： 采用屬性機制即可

    2024年02月16日
    瀏覽(48)
  • 關于Mars3D創(chuàng)建多圖層以及圖標重復加載方法

    關于Mars3D創(chuàng)建多圖層以及圖標重復加載方法

    這是一個困擾我好幾次的問題了，今天就給他徹底解決了 我們需要的效果如下 ?但是第一遍是正確的，如果再點擊一次上方按鈕呢？他會不會出I現兩次呢，如果是出現兩次的話，input框還能控制顯示隱藏嗎？ 答案是：可以，但是，他只能控制一次，就比如說，我點擊了兩次

    2024年02月08日
    瀏覽(66)
  • 通過Mars3d在地圖上加載風力發(fā)電機車模型

    通過Mars3d在地圖上加載風力發(fā)電機車模型

    首先理清需求，通過Mars3d的基礎項目，在基礎項目模板上添加一個風力發(fā)電機模型。 Mars3d官網的基礎項目下載地址：Mars3D三維可視化平臺 | 火星科技 gitee地址： git clone https://gitee.com/marsgis/mars3d-vue-project.git 下載一份基礎項目模板到本地后，參考README.md正常打開運行即可 其次

    2024年02月01日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包，優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包