vite+cesium加载osm建筑OsmBuildings

疆~

已于 2023-01-02 20:34:56 修改

阅读量758

点赞数

分类专栏： Cesium 文章标签： vue.js javascript 前端

于 2022-11-27 21:41:40 首次发布

本文链接：https://blog.csdn.net/qq_40323256/article/details/128070399

版权

Cesium 专栏收录该内容

29 篇文章 64 订阅

订阅专栏

官方示例：Cesium Sandcastlehttps://sandcastle.cesium.com/?src=Cesium%20OSM%20Buildings.html&label=ion%20Assets

<template>
    <div style="height: 100vh;width: 100vw;">
        <div id="cesiumContainer" />
    </div>
</template>
  
<script setup>
import * as Cesium from 'cesium';
import { onMounted } from 'vue';
onMounted(() => {
    const viewer = new Cesium.Viewer("cesiumContainer", {
        terrainProvider: Cesium.createWorldTerrain(),
    });

    viewer.scene.primitives.add(Cesium.createOsmBuildings());
})
</script>

注意：要加上地形，否则osm建筑是飘在天上的，如下：