中地数码
hero

中地数码

@mapgis/webclient-vue-cesium

快速上手 →

组件式风格

通过Vue的组件方式调用Layer, Provider, Source, M3D

Vue控制

面向对象编程：地图元素拥有Vue的生命周期，将部分地图事件封装成Vue的事件

WARNING

~ 快速提示，刚接触一定要看完指南部分和自定义插件部分。 熟悉后可以直接查看 API。

// main.js
import "@mapgis/webclient-vue-cesium/dist-libs/webclient-vue-cesium.css";
import Mapgis3d from "@mapgis/webclient-vue-cesium";
Vue.use(Mapgis3d);

<template>
  <mapgis-web-scene
    ref="webgloberef"
    libPath="statics/cesium/Cesium.js"
    pluginPath="statics/cesium/webclient-cesium-plugin.min.js"
  >
    <mapgis-3d-igs-tile-layer
      :ip="ip"
      :port="port"
      :protocol="protocol"
      :serverName="serverName"
    />
  </mapgis-web-scene>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      webgloberef: "webgloberef" + Math.random(),
      ip: "develop.smaryun.com",
      port: "6163",
      protocol: "http",
      serverName: "北京市",
    };
  },
  methods: {
    handleLoad(e) {
      console.log("地图加初始化完毕！", e);
    },
  },
};
</script>

依赖

Vue.js 2.5+ (opens new window)
MapGIS/Cesium 1.0+ (opens new window)

目的

用于开发 Vue 版本的 Cesium 组件 :::

MIT Licensed