diff --git a/src/pages/BaseMap/index.js b/src/pages/BaseMap/index.js index 1532f2ea..825b351d 100644 --- a/src/pages/BaseMap/index.js +++ b/src/pages/BaseMap/index.js @@ -4,7 +4,9 @@ import axios from 'axios'; import LayerData from './LayerData'; import { AimOutlined } from '@ant-design/icons'; import Guide from '../../components/Guide/index.ts'; +import icon1 from '../../assets/icon/position_icon1.png'; import icon2 from '../../assets/icon/position_icon2.png'; +import icon3 from '../../assets/icon/position_icon3.png'; import Header from '../../components/Header/index.js'; import { GaodeMap ,Scene, PointLayer, Heatmap, PolygonLayer, Marker, MarkerLayer, Popup } from '@antv/l7'; @@ -153,8 +155,8 @@ class BaseMap extends React.Component{ let LabelsData = data || []; let logoImage = data.length > 0 && data[0].logoImage; // map.addImage( 'blueIcon',logoImage,); - map.addImage('yellowIcon', icon2,); - map.addImage( 'greenIcon','https://gw.alipayobjects.com/zos/basement_prod/7aa1f460-9f9f-499f-afdf-13424aa26bbf.svg',); + // map.addImage('yellowIcon', icon2,); + // map.addImage( 'greenIcon','https://gw.alipayobjects.com/zos/basement_prod/7aa1f460-9f9f-499f-afdf-13424aa26bbf.svg',); // const pointLayer = new PointLayer({name: layerId}) // .source(LabelsData, { // parser: { @@ -175,7 +177,10 @@ class BaseMap extends React.Component{ let el, popup, marker; for (let i = 0; i < LabelsData.length; i++) { el = document.createElement('label'); - el.className = 'labelclass'; + el.style.width = '22px'; + el.style.height = '22px'; + el.style.background = 'url("' + icon3 + '") no-repeat'; + el.style.backgroundSize = 'contain'; popup = new Popup({ offsets: [0, 30] }).setHTML(`
@@ -185,7 +190,7 @@ class BaseMap extends React.Component{
`); marker = new Marker({ - el + element: el }).setLnglat({lng: LabelsData[i].lng, lat: LabelsData[i].lat}) .setPopup(popup);