cesium只展示某个区域市省地图

最新推荐文章于 2026-05-19 15:31:19 发布

原创

最新推荐文章于 2026-05-19 15:31:19 发布 · 8.3k 阅读

标签

#javascript #vue.js #前端

收录于

效果如下所示：

主要是调用_c_add_geojson_area方法

代码如下：geojson数据获取：DataV.GeoAtlas地理小工具系列

<template>
  <div class="mapBox">
    <div id="cesium" ref="cesium"></div>
  </div>
</template>

<script>
import mapMixin from "./js/mapMixin";
import geojson from "./js/data/town.json";
export default {
  data() {
    return {
      viewer:null,
      tilesets:null
    }
  },
  mounted() {
    this.mapInit();
  },
  methods: {
    mapInit() {
      Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees( 90, -20, 110, 90); //西南东北，默认显示中国
      this.viewer = new Cesium.Viewer("cesium", {
        animation: false, //是否显示动画控件