【fix】修复mapbox图表pop变小，组件范例代码优化，天地图子组件小红点被遮住 review by liq

luoxiao-supermap · luoxiao-supermap · commit df8b5c6c98f3 · 2019-09-26T17:27:10.000+08:00
diff --git a/examples/component/components_measure_vue.html b/examples/component/components_measure_vue.html
@@ -22,7 +22,7 @@
   <div id="main">
     <sm-web-map server-url='http://support.supermap.com.cn:8092/' map-id="1649097980">
       <!-- 量算组件: sm-measure -->
-      <sm-measure position="top-left" :collapsed="false"></sm-measure>
+      <sm-measure :collapsed="false"></sm-measure>
     </sm-web-map>
   </div>
   
diff --git a/examples/component/components_rangetheme_vue.html b/examples/component/components_rangetheme_vue.html
@@ -35,6 +35,7 @@
                 :data="features" @load="layerLoaded" v-show="!!features.length">
             </sm-range-theme-layer>
         </sm-web-map>
+        <!-- 属性表 -->
         <div style="width: 272px;float:right">
             <div id="infoBox" class="panel panel-primary infoPane"
                 style="width:272px;margin-top: 250px;position: absolute;fontSize:14px;display: none;float:right">
diff --git a/examples/component/components_ranksymboltheme_vue.html b/examples/component/components_ranksymboltheme_vue.html
@@ -36,16 +36,6 @@
         v-show="!!features.length">
       </sm-ranksymbol-theme-layer>
     </sm-web-map>
-    <div style="width: 272px;float:right">
-      <div id="infoBox" class="panel panel-primary infoPane"
-        style="width:272px;margin-top: 250px;position: absolute;fontSize:14px;display: none;float:right">
-        <div class="panel-heading">
-          <h5 class='panel-title text-center' data-i18n="resources.text_attributeTable"></h5>
-        </div>
-        <div id="infoContent" class="panel-body content">
-        </div>
-      </div>
-    </div>
   </div>
   <script type="text/javascript" include="vue,bootstrap" src="../js/include-web.js"></script>
   <script include="ant-design-vue,iclient-mapboxgl-vue,mapbox-gl-enhance"
@@ -98,7 +88,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_attributeTable"></
           },
           features,
           themeOptions: {
-            //                map: map,//该可选参数将在下个版本遗弃
+            //map: map,//该可选参数将在下个版本遗弃
             attributions: " ",
             themeField: "CON2009",
             // 配置图表参数
diff --git a/examples/component/components_search_vue.html b/examples/component/components_search_vue.html
@@ -23,10 +23,8 @@
     <sm-web-map server-url='http://support.supermap.com.cn:8092/' map-id="1649097980">
       <!-- 搜索组件: sm-search -->
       <!-- 支持的数据：layer-names address-match  rest-map rest-data online-local-search-->
-      <sm-search position="top-left" :layer-names="layerNames" :address-match="addressMatch"
-        :rest-map="restMap"
-        :online-local-search='onlineLocalSearch'></sm-search>
-    </sm-web-map>
+      <sm-search :layer-names="layerNames" :address-match="addressMatch" :rest-map="restMap" :online-local-search='onlineLocalSearch'></sm-search>
+      </sm-web-map>
   </div>
 
   <script>
diff --git a/examples/component/components_tianditu_home_vue.html b/examples/component/components_tianditu_home_vue.html
@@ -66,6 +66,7 @@
 
   <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
     <div class="container">
+      <!-- 导航 -->
       <div class="nav-header">
         <a href="https://www.tianditu.gov.cn/" class="logo"
           ><image class="logo-image" src="../img/tianditu/tianditu.png"></image
@@ -79,10 +80,12 @@
           <li><a href="http://yjfw.tianditu.gov.cn/" target="_blank">应急服务</a></li>
         </ul>
       </div>
+      <!-- 天地图及其子组件 -->
       <div id="main">
         <sm-web-map :map-options="mapOptions">
           <!-- 天地图路线查询组件: sm-tdt-route
-          天地图搜索组件：sm-tdt-search -->
+          天地图搜索组件：sm-tdt-search 
+          天地图切换组件：sm-tdt-map-switcher-->
           <sm-tdt-route position="top-right" :data="{tk:tk}" :collapsed="true"></sm-tdt-route>
           <sm-tdt-search position="top-right" :data="{tk:tk}" :collapsed="true"></sm-tdt-search>
           <sm-tdt-map-switcher position="top-right" :data="{tk:tk}" :collapsed="true"></sm-tdt-map-switcher>
diff --git a/examples/component/components_tianditu_switch_vue.html b/examples/component/components_tianditu_switch_vue.html
@@ -24,7 +24,7 @@
     <div id="main">
       <sm-web-map :map-options="mapOptions">
         <!-- 天地图切换组件：sm-tdt-map-switcher -->
-        <sm-tdt-map-switcher position="top-left" :data="{tk:tk}" :collapsed="false"></sm-tdt-map-switcher>
+        <sm-tdt-map-switcher :data="{tk:tk}" :collapsed="false"></sm-tdt-map-switcher>
       </sm-web-map>
     </div>
 
diff --git a/examples/component/components_uniquetheme_vue.html b/examples/component/components_uniquetheme_vue.html
@@ -35,6 +35,8 @@
                 :data="features" @load="layerLoaded" v-show="!!features.length">
             </sm-unique-theme-layer>
         </sm-web-map>
+
+        <!-- 属性表 -->
         <div style="width: 272px;float:right">
             <div id="infoBox" class="panel panel-primary infoPane"
                 style="width:272px;margin-top: 250px;position: absolute;fontSize:14px;display: none;float:right">
diff --git a/examples/css/sideBar.css b/examples/css/sideBar.css
@@ -91,7 +91,7 @@ a.sidebar-toggle {
 .skin-blue .treeview-menu > li > a {
     color: white;
     padding-left: 35px;
-    padding-right: 26px !important;
+    padding-right: 17px !important;
 }
 
 .skin-blue .sidebar-menu > li > .treeview-menu {
diff --git a/examples/mapboxgl/echarts_bar.html b/examples/mapboxgl/echarts_bar.html
@@ -144,7 +144,7 @@
             });
 
             map.on('click', 'points', function (e) {
-                popup = new mapboxgl.Popup();
+                popup = new mapboxgl.Popup({maxWidth: 'none'});
                 popup.setLngLat(e.lngLat.toArray())
                     .setDOMContent(div) // sets a popup on this marker
                     .addTo(map);
diff --git a/examples/mapboxgl/echarts_lineMarker.html b/examples/mapboxgl/echarts_lineMarker.html
@@ -200,7 +200,7 @@
 
             map.on('click', 'points', function (e) {
 
-                popup = new mapboxgl.Popup();
+                popup = new mapboxgl.Popup({maxWidth: 'none'});
                 popup.setLngLat(e.lngLat.toArray())
                     .setDOMContent(div) // sets a popup on this marker
                     .addTo(map);
diff --git a/examples/mapboxgl/echarts_pie.html b/examples/mapboxgl/echarts_pie.html
@@ -18,6 +18,9 @@
             bottom: 0;
             width: 100%;
         }
+        #map .mapboxgl-popup-content {
+          padding: 10px 16px 15px;
+        }
     </style>
 </head>
 <body>
@@ -205,7 +208,7 @@
             });
 
             map.on('click', 'points', function (e) {
-                popup = new mapboxgl.Popup();
+                popup = new mapboxgl.Popup({maxWidth: 'none'});
                 popup.setLngLat(e.lngLat.toArray())
                     .setDOMContent(div) // sets a popup on this marker
                     .addTo(map);
diff --git a/examples/mapboxgl/echarts_scatter.html b/examples/mapboxgl/echarts_scatter.html
@@ -18,7 +18,9 @@
             bottom: 0;
             width: 100%;
         }
-
+        #map .mapboxgl-popup-content {
+          padding: 10px 16px 15px;
+        }
     </style>
 </head>
 <body>
@@ -382,7 +384,7 @@
             });
 
             map.on('click', 'points', function (e) {
-                popup = new mapboxgl.Popup();
+                popup = new mapboxgl.Popup({maxWidth: 'none'});
                 popup.setLngLat(e.lngLat.toArray())
                     .setDOMContent(div) // sets a popup on this marker
                     .addTo(map);

Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,7 @@ a.sidebar-toggle {`
`91`	`91`	`.skin-blue .treeview-menu > li > a {`
`92`	`92`	`color: white;`
`93`	`93`	`padding-left: 35px;`
`94`		`- padding-right: 26px !important;`
	`94`	`+ padding-right: 17px !important;`
`95`	`95`	`}`
`96`	`96`
`97`	`97`	`.skin-blue .sidebar-menu > li > .treeview-menu {`