【站点】【新增】【新增矢量瓦片的显示组件以及修复依赖】

Author: 潘卓然Y7000P

website/public/static/demo/cesium/example/vue/control/link.htm

@@ -57,7 +57,7 @@
                     v-bind:timeline="false"
                     v-on:load="handleLoad"
                     libPath="./static/libs/cdn/cesium/Cesium.js"
-                    pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                    pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
                 >
                     <cesium-raster-layer v-bind:url="url1"> </cesium-raster-layer>
                     <cesium-link v-bind:enable="link"></cesium-link>

website/public/static/demo/cesium/example/vue/control/popup.htm

@@ -56,7 +56,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-raster-layer v-bind:url="url"> </cesium-raster-layer>
                 <cesium-popup

website/public/static/demo/cesium/example/vue/model/igsm3d.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-igs-m3d v-bind:url="url"> </cesium-igs-m3d>
                 <cesium-ogc-wmts-layer v-bind:url="tiandidu" v-bind:options="tiandiduoptions"></cesium-ogc-wmts-layer>

website/public/static/demo/cesium/example/vue/model/tileset.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-3d-tileset v-bind:url="url"> </cesium-3d-tileset>
                 <cesium-ogc-wmts-layer v-bind:url="tiandidu" v-bind:options="tiandiduoptions"></cesium-ogc-wmts-layer>

website/public/static/demo/cesium/example/vue/raster/dem.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-terrain-provider v-bind:url="demurl"></cesium-terrain-provider>
                 <cesium-ogc-wmts-layer v-bind:url="url" v-bind:options="options"></cesium-ogc-wmts-layer>

website/public/static/demo/cesium/example/vue/raster/document.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-igs-doc-layer 
                     v-bind:ip="ip" 

website/public/static/demo/cesium/example/vue/raster/raster.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-raster-layer v-bind:url="url"> </cesium-raster-layer>
             </cesium-web-globe>

website/public/static/demo/cesium/example/vue/raster/tile.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-igs-tile-layer 
                     v-bind:ip="ip" 

website/public/static/demo/cesium/example/vue/raster/wmts.htm

@@ -21,7 +21,7 @@
                 v-bind:timeline="false"
                 v-on:load="handleLoad"
                 libPath="./static/libs/cdn/cesium/Cesium.js"
-                pluginPath="./static/libs/cdn/cesium/webclient-cesium-plugin.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
             >
                 <cesium-ogc-wmts-layer v-bind:url="url" v-bind:options="options"></cesium-ogc-wmts-layer>
             </cesium-web-globe>

website/public/static/demo/cesium/example/vue/vvectortile/vectortile.htm

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
+        <title>Vue-地图瓦片</title>
+        <script include="vue" exclude="plugin" src="./static/libs/include-cesium-local.js"></script>
+        <style type="text/css">
+            #app {
+                height: 100vh;
+                width: 100vw;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div id="app">
+            <cesium-web-globe
+                v-bind:ref="webgloberef"
+                v-bind:animation="false"
+                v-bind:timeline="false"
+                v-on:load="handleLoad"
+                libPath="./static/libs/cdn/cesium/Cesium.js"
+                pluginPath="./static/libs/cdn/zondyclient/webclient-cesium-plugin.js"
+            >
+                <cesium-vectortile-layer 
+                    v-bind:style-url="styleUrl"
+                >
+                </cesium-vectortile-layer>
+            </cesium-web-globe>
+        </div>
+        <script>
+            new Vue({
+                el: '#app',
+                data() {
+                    return {
+                        webgloberef: 'webgloberef' + Math.random(),
+                        ip: 'develop.smaryun.com',
+                        port: '6163',
+                        protocol: 'http',
+                        styleUrl: 'http://develop.smaryun.com:6163/igs/rest/mrms/vtiles/styles/蓝色-墨卡托.json'
+                    };
+                },
+                methods: {
+                    handleLoad(e) {
+                        console.log('地图加初始化完毕！', e);
+                    }
+                }
+            });
+        </script>
+    </body>
+</html>