修改

songhua-system/src/main/java/com/songhua/system/service/impl/CruiseShipMappingServiceImpl.java

@@ -138,7 +138,7 @@ public class CruiseShipMappingServiceImpl implements ICruiseShipMappingService
             }
             data.put("id", recentLocations.get(i).getId());
             data.put("polylinePath",data1);
-            data.put("color", color.get(i));
+            data.put("color", color.get(RandomUtils.nextInt(0, 9)));
             data.put("shipName", recentLocations.get(i).getShipName());
             data.put("shipType", recentLocations.get(i).getShipType());
             data.put("lengthOverall", recentLocations.get(i).getLengthOverall());

songhua-ui/src/router/index.js

@@ -96,11 +96,17 @@ export const constantRoutes = [
   },
   {
     //林业中心
-    path: '/songhuaIndex',
+    // path: '/songhuaIndex',
+    // name: 'songhuaIndex',
+    // component: () => import('@/views/index/index'),
+    // meta: {
+    //   title: '松花湖'
+    // }
+    path: 'http://dsj.1230t.com/',
     name: 'songhuaIndex',
     component: () => import('@/views/index/index'),
     meta: {
-      title: '松花湖'
+      title: '易景通数据指数'
     }
   },
   {
@@ -108,7 +114,7 @@ export const constantRoutes = [
     name: 'songhuaIndex1',
     component: () => import('@/views/index1/index'),
     meta: {
-      title: '松花湖备份'
+      title: '松花湖景区通'
     }
   },
 ]

songhua-ui/src/views/index1/index.vue

@@ -116,12 +116,34 @@ export default {
           let ul;
           let dataList = that.dataSource
           that.map = new BMap.Map('map'); // 创建Map实例
-          that.map.centerAndZoom(new BMap.Point(126.997589, 43.582168), 11); // 初始化地图,设置中心点坐标和地图级别
+          that.map.centerAndZoom(new BMap.Point(126.85912,43.671033), 13); // 初始化地图,设置中心点坐标和地图级别
           that.map.enableScrollWheelZoom(true);
           let mapStyle = {
             style: 'midnight',
           };
           that.map.setMapStyle(mapStyle);
+          for (let i = 0; i < dataList.length; i++) {
+            let pointArray = [];
+            for (let j = 0; j < dataList[i].polylinePath.length; j++) {
+              pointArray.push(new BMap.Point(dataList[i].polylinePath[j].lng, dataList[i].polylinePath[j].lat))
+            }
+            // 创建小船图标
+            var myIcon = new BMap.Icon(require("@/assets/images/ship.png"), new BMap.Size(52, 26));
+            var  marker = new BMap.Marker(new BMap.Point(dataList[i].polylinePath[0].lng, dataList[i].polylinePath[0].lat), {icon: myIcon}); // 创建点
+            var opts = {
+              width: 100,     // 信息窗口宽度
+              height: 80,     // 信息窗口高度
+              title: "游船信息", // 信息窗口标题
+            }
+            // marker添加点击事件
+            marker.addEventListener('mouseover', function () {
+              this.map.openInfoWindow(new BMap.InfoWindow("游船名称:" + dataList[i].shipName + "</br>" + "游船型号:" + dataList[i].shipType + "</br>" + "驱动类型:" + dataList[i].propulsion + "</br>", opts), new BMap.Point(dataList[i].polylinePath[0].lng, dataList[i].polylinePath[0].lat));
+            });
+            marker.addEventListener('mouseout', function () {
+              this.map.closeInfoWindow();
+            });
+            this.map.addOverlay(marker);
+          }
           ul = document.getElementById('myList');
           // 循环数组中的每个项目
           dataList.forEach(function (item) {