Merge branch 'master' of https://github.com/SuperMap/iClient-JavaScript

Author: Yuki-Zhao

.github/1000-1.gif

@@ -1,4 +1,64 @@
-# next release #
+# 10.0.0 alpha #
+
+## 新特性
+
+- iClient for MapboxGL（for vue）组件库新增示例，新增房产项目可视化监控平台示例，使用 iClient Vue 组件快速搭建行业大屏应用
+
+![whatsNewComponents](https://github.com/SuperMap/iClient-JavaScript/blob/master/.github/1000-1.gif)
+
+## API changes
+
+### for Leaflet
+- `L.supermap.ServiceBase` 及其子类
+
+  - 新增 `options.crossOrigin` 参数，支持设置是否允许跨域请求。
+
+### for OpenLayers
+
+- iPortal
+
+  - `ol.supermap.WebMap` 新增支持迁徙图、MVT矢量瓦片图层。
+
+  - `ol.supermap.MapboxStyles` 新增 `setSelectedObjects` `addSelectedObjects` `removeSelectedObjects` `clearSelectedObjects` 接口，只是设置、增加、移除、清除多个高亮要素。
+
+- `ol.supermap.ServiceBase` 及其子类
+
+  - 新增 `options.crossOrigin` 参数，支持设置是否允许跨域请求。
+
+
+### for MapboxGL
+
+- `mapboxgl.supermap.ServiceBase` 及其子类
+
+  - 新增 `options.crossOrigin` 参数，支持设置是否允许跨域请求。
+
+## Fixed
+
+### for Leaflet
+
+- 修复从 SuperMap iServer 获取要素可能多`stringID`和`ID`属性字段的问题,请使用`feature.id`获取要素id
+
+### for OpenLayers
+
+- 修复从 SuperMap iServer 获取要素可能多`stringID`和`ID`属性字段的问题,请使用`feature.getId()`获取要素id
+
+### for MapboxGL
+
+- 修复从 SuperMap iServer 获取要素可能多`stringID`和`ID`属性字段的问题,请使用`feature.id`获取要素id
+
+
+## Examples
+
+### for OpenLayers
+
+- 修复平面无投影地图相关示例访问失败的问题。
+
+### for MapboxGL
+
+- 新增 `Vue 组件` 分类及相关示例。
+
+
+
 # 9.1.2 (2019-04-26) #
 
 ## 新特性

.github/product_overview.png

@@ -6,7 +6,7 @@
 
 ## 简介 | [ENGLISH](https://github.com/SuperMap/iClient-JavaScript/blob/master/README_EN.md)
 
-SuperMap iClient JavaScript 9D(2019) 是一套开源开放的 WebGIS 客户端应用开发包，基于现代 Web 技术栈全新构建，是 SuperMap 云 GIS 和在线 GIS 平台系列产品的统一 JavaScript 客户端。它集成了领先的开源地图库、可视化库，支持多源数据与地图服务，支持多终端，跨浏览器。提供了全新的 GIS 大数据可视化、实时流数据可视化等功能，通过本产品可快速实现浏览器上美观、流畅的地图呈现。
+SuperMap iClient JavaScript 10i 是一套开源开放的 WebGIS 客户端应用开发包，基于现代 Web 技术栈全新构建，是 SuperMap 云 GIS 和在线 GIS 平台系列产品的统一 JavaScript 客户端。它集成了领先的开源地图库、可视化库，支持多源数据与地图服务，支持多终端，跨浏览器。提供了全新的 GIS 大数据可视化、实时流数据可视化等功能，通过本产品可快速实现浏览器上美观、流畅的地图呈现。
 
 ![Overview](https://raw.githubusercontent.com/SuperMap/iClient-JavaScript/master/.github/product_overview.png)
 

.github/product_overview_en.png

@@ -6,9 +6,9 @@
 
 ## Introduction | [中文](https://github.com/SuperMap/iClient-JavaScript/blob/master/README.md)
 
-SuperMap iClient JavaScript 9D (2019) is a set of open source WebGIS client application development kit. It’s a new construction based on modern Web technology. It’s a common JavaScript client for SuperMap Cloud GIS and Online GIS platform’s series products. It integrates leading open source map libraries and visualization libraries, supports multi-source data services and map services, supports multiple terminals and crossing browser. It provides new functions such as large data visualization and real-time flow data visualization in GIS. Through this product, we can quickly present maps beautifully and smoothly on browsers.
+SuperMap iClient JavaScript 10i is a set of open source WebGIS client application development kit. It’s a new construction based on modern Web technology. It’s a common JavaScript client for SuperMap Cloud GIS and Online GIS platform’s series products. It integrates leading open source map libraries and visualization libraries, supports multi-source data services and map services, supports multiple terminals and crossing browser. It provides new functions such as large data visualization and real-time flow data visualization in GIS. Through this product, we can quickly present maps beautifully and smoothly on browsers.
 
-![Overview](https://github.com/SuperMap/iClient-JavaScript/blob/master/.github/product_overview.png)
+![Overview](https://github.com/SuperMap/iClient-JavaScript/blob/master/.github/product_overview_en.png)
 
 [中文官网](http://iclient.supermap.io) | [ENGLISH HOMEPAGE](http://iclient.supermap.io/en/web/index.html)
 

CHANGELOG.md

@@ -8531,29 +8531,25 @@ body {
 
 /** common */
 .sm-component-indicator {
-  display: inline-block;
+  display: inline-flex;
   flex-flow: column nowrap;
-  justify-content: flex-start;
+  justify-content: center;
   color: #595959; }
   .sm-component-indicator__head {
     display: flex;
     flex-flow: row nowrap;
     justify-content: flex-start;
-    height: 30%;
     padding-left: 5px;
     margin-right: 5px; }
   .sm-component-indicator__title {
     font-size: 16px;
     line-height: 30px;
     font-weight: bolder; }
   .sm-component-indicator__content {
-    height: 50%;
     display: flex;
     flex-flow: row nowrap;
     align-items: flex-end;
     font-weight: bolder;
-    padding-top: 10px;
-    margin-bottom: 10px;
     margin-right: 10px; }
   .sm-component-indicator__num {
     text-indent: 5px;
@@ -9062,8 +9058,7 @@ body {
 .sm-component-legend {
   overflow-y: auto;
   border: none;
-  color: #fff;
-  padding-right: 30px; }
+  color: #fff; }
   .sm-component-legend::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -9074,11 +9069,17 @@ body {
   .sm-component-legend .sm-component-card__content {
     box-shadow: unset;
     max-height: 400px; }
+    .sm-component-legend .sm-component-card__content.is-not-header {
+      padding-right: 15px; }
   .sm-component-legend .ant-card {
     height: 100%; }
   .sm-component-legend .ant-card-body {
     padding: 0px;
     height: 100%; }
+  .sm-component-legend .sm-component-card__icon + .sm-component-card__content .ant-collapse-item:last-child .header-wrap {
+    margin-bottom: 10px; }
+  .sm-component-legend .sm-component-card__icon + .sm-component-card__content .ant-collapse-content-box {
+    padding-right: 30px; }
   .sm-component-legend__table {
     border-top: none; }
   .sm-component-legend__noBorder {
@@ -9104,7 +9105,7 @@ body {
       border-top-color: transparent; }
     .sm-component-legend .ant-collapse-content .ant-collapse-content-box {
       padding: 0px;
-      padding-left: 8px; }
+      padding: 0 8px; }
       .sm-component-legend__wrap {
         display: flex;
         justify-content: center;
@@ -9123,7 +9124,8 @@ body {
           width: 40px;
           height: 100%; }
         .sm-component-legend__range-item > span {
-          margin-left: 2px; }
+          margin-left: 2px;
+          max-width: 200px; }
       .sm-component-legend__heatbox {
         display: flex !important;
         overflow: hidden; }
@@ -9142,11 +9144,17 @@ body {
         list-style: none;
         height: 30px; }
       .sm-component-legend__field-value {
-        margin-left: 20px; }
+        margin-left: 20px;
+        max-width: 200px; }
       .sm-component-legend__themefield {
         font-size: 12px;
         margin-left: 30px;
-        margin-bottom: 4px; }
+        margin-bottom: 4px;
+        max-width: 250px; }
+      .sm-component-legend__title {
+        max-width: 250px; }
+        .sm-component-legend__title + i {
+          margin-left: 5px; }
 
 .sm-component-web-map {
   width: 100%;
@@ -9224,15 +9232,20 @@ body {
       width: 6px;
       height: 6px; }
   .sm-component-search__panel {
-    padding-left: 4px; }
+    padding-left: 4px;
+    padding-right: 4px; }
   .sm-component-search__panel-header {
     display: block;
     border-bottom: 1px solid;
     font-size: 14px;
     font-family: "微软雅黑";
     padding: 6px 0px;
     margin: 7px;
-    font-weight: bolder; }
+    font-weight: bolder;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 96%; }
   .sm-component-search__panel-body > ul {
     list-style: none;
     margin-left: -32px;
@@ -9277,6 +9290,7 @@ body {
     font-weight: 700; }
   .sm-component-query__body {
     min-width: 200px;
+    max-height: 400px;
     transform-origin: top left;
     transition: all 0.5s;
     background: #ffff;
@@ -9310,14 +9324,21 @@ body {
       border-color: transparent; }
   .sm-component-query__job-info-header {
     cursor: pointer;
-    padding: 10px 5px; }
+    padding: 10px 5px 2px; }
     .sm-component-query__job-info-header:hover {
       color: #409eff; }
     .sm-component-query__job-info-header > .sm-components-icons-preview {
-      font-size: 14px; }
+      font-size: 14px;
+      position: relative;
+      top: -5px; }
     .sm-component-query__job-info-header > .sm-component-query__job-info-name {
       margin-left: 10px;
-      font-size: 14px; }
+      margin-right: 10px;
+      font-size: 14px;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap; }
     .sm-component-query__job-info-header > .sm-components-icons-legend-unfold,
     .sm-component-query__job-info-header > .sm-components-icons-legend-fold {
       color: #c0c4cc;
@@ -9373,6 +9394,12 @@ body {
       font-size: 10px;
       margin-top: 5px;
       cursor: pointer; }
+  .sm-component-query__header-name {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 90%; }
   .sm-component-query__no-result, .sm-component-query__result-loading {
     height: 100%;
     display: flex;