| | |
|---|
| | | iconUrl: require('@/assets/icon/ico' + colorNum + '.png'),
|
|---|
| | | // iconUrl: require('@/assets/icon/ico2.png'),
|
|---|
| | | iconSize: [60, 60],
|
|---|
| | | iconAnchor: [13, 21],
|
|---|
| | | iconAnchor: [30, 48],
|
|---|
| | | className: 'my-device',
|
|---|
| | | })
|
|---|
| | | // 添加标记到地图
|
|---|
| | |
|---|
| | | var myIcon = L.divIcon({
|
|---|
| | | html: this.keys[i],
|
|---|
| | | className: 'my-div-icon',
|
|---|
| | | iconSize: 30,
|
|---|
| | | iconSize: [60, 60],
|
|---|
| | | iconAnchor: [40, 40],
|
|---|
| | | })
|
|---|
| | | var marker = L.marker([lat, lng], { icon: myIcon }).addTo(group)
|
|---|
| | | // 给标记添加鼠标移入事件，mouseover事件会冒泡
|
|---|
| | |
|---|
| | | background-color: #ff0000 !important;
|
|---|
| | | color: #790000 !important;
|
|---|
| | | }
|
|---|
| | | .leaflet-marker-icon.leaflet-interactive {
|
|---|
| | | pointer-events: auto;
|
|---|
| | | margin-left: -45px;
|
|---|
| | | margin-top: -40px;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
