将OpenLayers对接iServer mvt矢量瓦片的例子加到编辑页面中。

caoxinke · caoxinke · commit 3648abf4812b · 2017-05-12T11:34:00.000+08:00
diff --git a/dist/iclient9-openlayers.js b/dist/iclient9-openlayers.js
@@ -6956,7 +6956,7 @@ ol.supermap.StyleUtils = {
     toOLTextStyle: function (style, text) {
         return new ol.style.Style({
             text: new ol.style.Text({
-                font: style.fontStyle + ' ' + style.fontWeight + ' ' + style.fontSize + ' ' + style.fontFamily,
+                font: style.fontStyle || '' + ' ' + style.fontWeight || '' + ' ' + style.fontSize || '' + ' ' + style.fontFamily,
                 text: text,
                 textAlign: style.textAlign,
                 textBaseline: style.textBaseline,
diff --git a/examples/openlayers/config.js b/examples/openlayers/config.js
@@ -402,6 +402,11 @@ var exampleConfig = {
                         name: "MapBox矢量瓦片",
                         thumbnail: "mapboxVectorLayer.png",
                         fileName: "mapboxVectorLayer"
+                    },
+                    {
+                        name: "默认风格(MVT)",
+                        thumbnail: "mvtVectorLayer.png",
+                        fileName: "mvtVectorLayer"
                     }
                 ]
             }
@@ -480,7 +485,7 @@ var sideBarIconConfig = {
 };
 
 /**
- *key值：为exampleConfig配置的key值    
+ *key值：为exampleConfig配置的key值
  *value值：fontawesome字体icon名
  *与sideBarIconConfig的区别：sideBarIconConfig包括侧边栏所有层级目录的图标，exampleIconConfig仅包括一级标题的图标
  */
diff --git a/examples/openlayers/img/mvtVectorLayer.png b/examples/openlayers/img/mvtVectorLayer.png
diff --git a/examples/openlayers/mvtVectorLayer.html b/examples/openlayers/mvtVectorLayer.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="UTF-8">
-    <title>mvt矢量瓦片</title>
+    <title>iServer MVT矢量瓦片</title>
     <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
     <link href="http://cdn.bootcss.com/openlayers/4.0.1/ol.css" rel="stylesheet">
 </head>
diff --git a/src/openlayers/core/StyleUtils.js b/src/openlayers/core/StyleUtils.js
@@ -302,7 +302,7 @@ ol.supermap.StyleUtils = {
     toOLTextStyle: function (style, text) {
         return new ol.style.Style({
             text: new ol.style.Text({
-                font: style.fontStyle + ' ' + style.fontWeight + ' ' + style.fontSize + ' ' + style.fontFamily,
+                font: style.fontStyle || '' + ' ' + style.fontWeight || '' + ' ' + style.fontSize || '' + ' ' + style.fontFamily,
                 text: text,
                 textAlign: style.textAlign,
                 textBaseline: style.textBaseline,

Original file line number	Diff line number	Diff line change
`@@ -402,6 +402,11 @@ var exampleConfig = {`
`402`	`402`	`name: "MapBox矢量瓦片",`
`403`	`403`	`thumbnail: "mapboxVectorLayer.png",`
`404`	`404`	`fileName: "mapboxVectorLayer"`
	`405`	`+ },`
	`406`	`+ {`
	`407`	`+ name: "默认风格(MVT)",`
	`408`	`+ thumbnail: "mvtVectorLayer.png",`
	`409`	`+ fileName: "mvtVectorLayer"`
`405`	`410`	`}`
`406`	`411`	`]`
`407`	`412`	`}`
`@@ -480,7 +485,7 @@ var sideBarIconConfig = {`
`480`	`485`	`};`
`481`	`486`
`482`	`487`	`/**`
`483`		`- *key值：为exampleConfig配置的key值`
	`488`	`+ *key值：为exampleConfig配置的key值`
`484`	`489`	`*value值：fontawesome字体icon名`
`485`	`490`	`*与sideBarIconConfig的区别：sideBarIconConfig包括侧边栏所有层级目录的图标，exampleIconConfig仅包括一级标题的图标`
`486`	`491`	`*/`