新增 leaflet iserver 例子 review by liqian

xilanhuaweidapao · xilanhuaweidapao · commit 319580ac1ae4 · 2019-11-18T17:09:07.000+08:00
diff --git a/examples/component/components_ranksymboltheme_vue.html b/examples/component/components_ranksymboltheme_vue.html
@@ -34,7 +34,7 @@
           :options="themeOptions"
           layer-name="RankSymbolThemeLayer"
           :data="features"
-          charts-type="Circle"
+          symbol-type="Circle"
           @load="layerLoaded"
           v-show="!!features.length"
         >
diff --git a/examples/component/config.js b/examples/component/config.js
@@ -394,6 +394,13 @@ var exampleConfig = {
         name: '地图',
         name_en: 'Map',
         content: [
+          {
+            name: 'iServer 地图',
+            name_en: 'iServer Map',
+            version: '10.0.1',
+            thumbnail: 'components_map_vue.png',
+            fileName: 'l_map_vue'
+          },
           {
             name: 'iPortal 地图',
             name_en: 'iPortal Map',
@@ -404,10 +411,10 @@ var exampleConfig = {
           },
           {
             name: '栅格图层',
-            name_en: 'Raster Layer',
+            name_en: 'Tile Layer',
             version: '10.0.1',
-            thumbnail: 'components_rasterLayer_react.png',
-            fileName: 'l_raster_vue',
+            thumbnail: 'components_rasterLayer_vue.png',
+            fileName: 'l_tile_vue',
             localIgnore: true
           }
         ]
diff --git a/examples/component/l_map_vue.html b/examples/component/l_map_vue.html
@@ -0,0 +1,43 @@
+<!--********************************************************************
+* Copyright© 2000 - 2019 SuperMap Software Co.Ltd. All rights reserved.
+*********************************************************************-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title data-i18n="resources.title_componentsMap_Vue"></title>
+    <script type="text/javascript" include="vue" src="../js/include-web.js"></script>
+    <script include="ant-design-vue,iclient-leaflet-vue" src="../../dist/leaflet/include-leaflet.js"></script>
+    <style>
+      #main {
+        margin: 0 auto;
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+  </head>
+
+  <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
+    <div id="main">
+      <sm-web-map :map-options="mapOptions">
+        <sm-tile-layer :url="url"></sm-tile-layer>
+      </sm-web-map>
+    </div>
+
+    <script>
+      var host = window.isLocal ? window.server : 'http://support.supermap.com.cn:8090/';
+      new Vue({
+        el: '#main',
+        data() {
+          return {
+            url: host + '/iserver/services/map-china400/rest/maps/China',
+            mapOptions: {
+              center: [35.25, 102.55],
+              zoom: 4
+            }
+          };
+        }
+      });
+    </script>
+  </body>
+</html>
diff --git a/examples/component/l_tile_vue.html b/examples/component/l_tile_vue.html

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@`
`34`	`34`	`:options="themeOptions"`
`35`	`35`	`layer-name="RankSymbolThemeLayer"`
`36`	`36`	`:data="features"`
`37`		`- charts-type="Circle"`
	`37`	`+ symbol-type="Circle"`
`38`	`38`	`@load="layerLoaded"`
`39`	`39`	`v-show="!!features.length"`
`40`	`40`	`>`