【update】地图卷帘范例优化; review by songym

xiongjiaojiao · xiongjiaojiao · commit ab2d746e7056 · 2020-06-22T09:28:55.000+08:00
diff --git a/examples/component/components_compare_vue.html b/examples/component/components_compare_vue.html
@@ -16,18 +16,44 @@
             width: 100%;
             height: 100%;
         }
+
+        .compare-title {
+            position: absolute;
+            top: 20px;
+            left: 12%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 74%;
+            z-index: 100;
+        }
+
+        .compare-title .sm-component-border {
+            width: 334px;
+            height: 48px;
+        }
     </style>
 </head>
 
 <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
     <div id="main">
+        <div class="compare-title">
+            <sm-border type="border6">
+                <sm-text v-bind="textProps" title="全球疫情累积确诊">
+                </sm-text>
+            </sm-border>
+            <sm-border type="border6">
+                <sm-text v-bind="textProps" title="全球疫情累积发病率">
+                </sm-text>
+            </sm-border>
+        </div>
         <sm-compare :before-map-options="beforeMapOptions" :after-map-options="afterMapOptions"></sm-compare>
         <!-- <sm-compare>
-            <sm-web-map slot="beforeMap" target="beforeMap" server-url="https://iportal.supermap.io/iportal"
-                :map-id="801571284">
+            <sm-web-map slot="beforeMap" target="beforeMap" server-url="https://www.supermapol.com/" @load="load"
+                :map-id="2134374143">
             </sm-web-map>
-            <sm-web-map slot="afterMap" target="afterMap" server-url="https://iportal.supermap.io/iportal"
-                :map-id="491609698">
+            <sm-web-map slot="afterMap" target="afterMap" server-url="https://www.supermapol.com/"
+                :map-id="1127786844">
             </sm-web-map>
         </sm-compare> -->
     </div>
@@ -39,13 +65,51 @@
                 return {
                     beforeMapOptions: {
                         target: 'beforeMap',
-                        serverUrl: 'https://iportal.supermap.io/iportal',
-                        mapId: 801571284
+                        serverUrl: 'https://www.supermapol.com',
+                        mapId: 2134374143,
+                        mapOptions: {
+                            center: [-39.9535, 38.0542],
+                            zoom: 2.44
+
+                        },
+                        legendControl: {
+                            background: "rgba(0,0,0,0.3)",
+                            textColor: "#fff",
+                            show: true,
+                            position: "bottom-left",
+                            layerNames: ["0315countrycenternpc"],
+                            mode: "simple"
+                        }
                     },
                     afterMapOptions: {
                         target: 'afterMap',
-                        serverUrl: 'https://iportal.supermap.io/iportal',
-                        mapId: 491609698
+                        serverUrl: 'https://www.supermapol.com/',
+                        mapId: 1127786844,
+                        mapOptions: {
+                            center: [-39.9535, 38.0542],
+                            zoom: 2.44
+
+                        },
+                        legendControl: {
+                            background: "rgba(0,0,0,0.3)",
+                            textColor: "#fff",
+                            show: true,
+                            position: "bottom-right",
+                            layerNames: ["0315contryregion"],
+                            mode: "simple"
+                        }
+                    },
+                    textProps: {
+                        textColor: "#fff",
+                        background: "rgba(0,0,0,0)",
+                        fontStyle: {
+                            fontSize: '27px',
+                            lineHeight: 1.5,
+                            fontWeight: "normal",
+                            justifyContent: "center",
+                            textIndent: 0,
+                            fontFamily: "微软雅黑",
+                        }
                     }
                 };
             }
