恢复弹窗内容超出容器问题 review by luoxiao

Author: luoxiao-supermap

examples/mapboxgl/01_mapService.html

@@ -67,7 +67,7 @@
       innerHTML += "Bounds:" + JSON.stringify(result.bounds) + "<br>";
       new mapboxgl.Popup({ closeOnClick: false })
         .setLngLat([-96, 37.8])
-        .setHTML(innerHTML + "</br>")
+        .setHTML("<div style='word-wrap: break-word;'>" + innerHTML + "</br>"+ "</div>")
         .addTo(map);
     }
 

examples/mapboxgl/config.js

@@ -351,11 +351,11 @@ var exampleConfig = {
             },
             webPrinting: {
                 name: 'Web 打印',
-                name_en: 'Web Printing',
+                name_en: 'Web printing',
                 content: [
                     {
                         name: 'Web 地图打印',
-                        name_en: 'Web Map Print',
+                        name_en: 'web map print',
                         version: '10.1.0',
                         thumbnail: 'webPrintingJob.png',
                         fileName: 'webPrintingJob'
@@ -364,7 +364,7 @@ var exampleConfig = {
             },
             processingService: {
                 name: '分布式分析',
-                name_en: 'Distributed analysis services',
+                name_en: 'Distributed analysis service',
                 content: [
                     {
                         name: '密度分析',
@@ -452,7 +452,7 @@ var exampleConfig = {
             },
             image: {
               name: "影像服务",
-              name_en: "Image Service",
+              name_en: "Image service",
               content: [
                   {
                       name: "影像服务",

examples/mapboxgl/imageService.html

@@ -164,7 +164,7 @@
                 color: rgba(0, 0, 0, 0.65);
             }
             .modal-dialog {
-                width: 800px !important;
+                width: 1100px !important;
                 top: 50px;
             }
             .modal-body {
@@ -192,6 +192,13 @@
                 border-right: 1px solid #e8e8e8;
                 font-size: 14px;
                 line-height: 1.5;
+                word-wrap: break-word;
+            }
+            .modal-content-row .modal-content-item-content:nth-child(2){
+                width: 193px;
+            }
+            .modal-content-row .modal-content-item-content:nth-child(4){
+                width: 479px;
             }
         </style>
     </head>