【update】 新增绘制和指南针组件例子； review by xiongjj

zhangjiangqiu · zhangjiangqiu · commit b6c8781b2e71 · 2021-01-15T14:00:50.000+08:00
diff --git a/examples/component/components_compass_vue.html b/examples/component/components_compass_vue.html
@@ -0,0 +1,36 @@
+<!--********************************************************************
+* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
+*********************************************************************-->
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title data-i18n='resources.title_componentsCompass_Vue'></title>
+  <script type="text/javascript" include="vue" src="../js/include-web.js"></script>
+  <script include="iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.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 server-url='https://iportal.supermap.io/iportal' map-id="801571284">
+      <sm-compass></sm-compass>
+    </sm-web-map>
+  </div>
+
+  <script>
+    new Vue({
+      el: '#main'
+    })
+
+  </script>
+</body>
+
+</html>
diff --git a/examples/component/components_draw_vue.html b/examples/component/components_draw_vue.html
@@ -0,0 +1,36 @@
+<!--********************************************************************
+* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
+*********************************************************************-->
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title data-i18n='resources.title_componentsDraw_Vue'></title>
+  <script type="text/javascript" include="vue" src="../js/include-web.js"></script>
+  <script include="iclient-mapboxgl-vue,mapbox-gl-enhance,draw" src="../../dist/mapboxgl/include-mapboxgl.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 server-url="https://iportal.supermap.io/iportal/" map-id="801571284">
+        <sm-draw :collapsed="false"></sm-draw>
+    </sm-web-map>
+  </div>
+
+  <script>
+    new Vue({
+      el: '#main'
+    })
+
+  </script>
+</body>
+
+</html>
diff --git a/examples/component/config.js b/examples/component/config.js
@@ -152,6 +152,20 @@ var exampleConfig = {
             version: '10.0.1',
             thumbnail: 'components_layerManager_vue.png',
             fileName: 'components_layerManager_vue'
+          },
+          {
+            name: '指南针',
+            name_en: 'Compass',
+            version: '11.0.0',
+            thumbnail: 'components_compass_vue.png',
+            fileName: 'components_compass_vue'
+          },
+          {
+            name: '绘制',
+            name_en: 'Draw',
+            version: '11.0.0',
+            thumbnail: 'components_draw_vue.png',
+            fileName: 'components_draw_vue'
           }
         ]
       },
diff --git a/examples/component/img/components_compass_vue.png b/examples/component/img/components_compass_vue.png
diff --git a/examples/component/img/components_draw_vue.png b/examples/component/img/components_draw_vue.png
diff --git a/examples/locales/en-US/resources.js b/examples/locales/en-US/resources.js
@@ -620,6 +620,8 @@ window.examplesResources = {
         "title_componentsMeasure_Vue": 'Measure component(Vue)',
         "title_componentsQuery_Vue": 'Query component(Vue)',
         "title_componentsSearch_Vue": 'Search component(Vue)',
+        "title_componentsCompass_Vue": 'Compass component(Vue)',
+        "title_componentsDraw_Vue": 'Draw component(Vue)',
         "title_componentsTheme_Vue": 'Theme component',
         "title_componentsDemo_Vue": 'Landuse demo',
         "title_componentsEstateMonitoringPlatform_Vue": 'Estate project visual monitoring platform demo',
diff --git a/examples/locales/zh-CN/resources.js b/examples/locales/zh-CN/resources.js
@@ -566,6 +566,8 @@ window.examplesResources = {
         "title_componentsMeasure_Vue": '量算组件',
         "title_componentsQuery_Vue": '查询组件',
         "title_componentsSearch_Vue": '搜索组件',
+        "title_componentsCompass_Vue": '指南针组件',
+        "title_componentsDraw_Vue": '绘制组件',
         "title_componentsTheme_Vue": '主题切换',
         "title_componentsDemo_Vue": '土地利用示例',
         "title_componentsEstateMonitoringPlatform_Vue": '房产项目可视化监控平台示例',
