Get started with vue-cesium CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with vue-cesium CDN - cdnhub.io</title>
  <style>
    #cesiumContainer {
      width: 100%;
      height: 100vh;
    }
  </style>
</head>
<body>
  <div id="cesiumContainer"></div>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
  <script src="https://cdn.cdnhub.io/vue-cesium/3.2.6/index.full.min.js"></script>
  <script>
    Vue.use(Cesium.Vue);

    new Vue({
      el: '#cesiumContainer',
      data: {
        viewer: null,
      },
      mounted() {
        this.viewer = new Cesium.Viewer('cesiumContainer', {
          infoBox: false,
          timeline: false,
          baseLayerPicker: false,
          homeButton: false,
          scene3DOnly: true,
        });

        const position = Cesium.Cartesian3.fromDegrees(-105.25, 40.25, 5000.0);
        this.viewer.camera.setView(position);
      },
    });
  </script>
</body>
</html>

https://cdn.cdnhub.io/vue-cesium/3.2.9/index.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/index.full.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/index.full.min.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/index.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/locale/en-us.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/locale/en-us.min.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/locale/ru-RU.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/locale/ru-RU.min.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/locale/zh-hans.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/locale/zh-hans.min.js Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/index.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/index.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-ajax-bar.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-ajax-bar.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-btn.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-btn.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-compass.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-compass.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-distance-legend.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-distance-legend.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-drawings.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-drawings.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-echart-overlay.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-echart-overlay.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-fab.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-fab.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-html-overlay.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-html-overlay.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-icon.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-icon.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-measurements.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-measurements.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-my-location.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-my-location.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-navigation-sm.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-navigation-sm.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-navigation.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-navigation.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-overview.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-overview.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-print.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-print.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-selection-indicator.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-selection-indicator.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-skeleton.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-skeleton.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-slider.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-slider.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-spinner.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-spinner.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-status-bar.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-status-bar.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-tooltip.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-tooltip.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-typhoon.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-typhoon.min.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-zoom-control.css Copied!

https://cdn.cdnhub.io/vue-cesium/3.2.9/theme-default/vc-zoom-control.min.css Copied!

Get started with vue-cesium CDN

Stable version

How to start using vue-cesium CDN

All versions