样式优化

zengh

2021-05-28 464af9e1583e469e68c846456513f8a11cb3aff1

 xcxMapJQ/js/vueMain.js

@@ -6,6 +6,9 @@
        marker: null,
        layuiLayer: null,
        nowIndex: null,
		
      LXdhEnd: null,
      LxdhLine: null,

        activeName: 'first',

@@ -156,6 +159,7 @@
                    console.log('没有坐标', i)
                } else {
                    setData(a);
               that.getDHLine(a.jd,a.wd);
                }
                // marker.bindPopup(title);
                markers.addLayer(marker);
@@ -185,6 +189,83 @@
            // });
            return map;//抛出map
        },
      getDHLine(x, y) {
		
         var that = this;
		
         //获取导航信息
         axios({
            method: "get",
            url: `https://web.byisf.com/sf/rp/v2/api`,
            params: {
               ak: "1986afc8a5744263971b7f2482253dfc",
               x1: "114.95675749182703",
               y1: "25.84163062532512",
               x2: x,
               y2: y,
               type: "1",
               strategy: "0",
               opt: "sf2"
            },
         }).then((res) => {
            var resdata = res.data.result.coords;
            var data = [];
            for (var i = 0; i < resdata.length; i++) {
               var xy = [];
               xy.push(resdata[i][1]);
               xy.push(resdata[i][0]);
               data.push(xy);
            }
		
            if (that.LXdhEnd != null) {
               that.map.removeLayer(that.LXdhEnd);
            }
            if (that.LxdhLine != null) {
               that.map.removeLayer(that.LxdhLine);
            }
		
            //绘制起点和终点
            that.LXdhEnd = L.markerClusterGroup();
		
            var transportIcon = L.Icon.extend({ //图标初始化
               options: {
                  iconSize: [56, 32], // 图标尺寸
               }
            });
		
            var zd = new transportIcon({
               iconUrl: './img/zd.png'
            });
            // var qd = new transportIcon({
            //    iconUrl: './img/qd.png'
            // });
		
            var qdzb = res.data.result.query;
		
            var x = resdata[resdata.length - 1][0];
            var y = resdata[resdata.length - 1][1];
		
            that.LXdhEnd.addLayer(L.marker([y, x], {
               icon: zd,
            }));
            // markers.addLayer(L.marker([qdzb.start.y, qdzb.start.x], {
            //    icon: qd,
            // }));
		
            that.map.addLayer(that.LXdhEnd);
		
            that.showPolyLine(data);
         });
      },
      showPolyLine(xy) {
         var that = this;
         that.LxdhLine = L.polyline(xy, {
            color: 'red'
         }).addTo(that.map);
		
         // zoom the map to the polyline
         that.map.fitBounds(that.LxdhLine.getBounds())
      },
        getLocation() {
            // if (navigator.geolocation) {
            //     // console.log(navigator.geolocation)