|
|
@ -233,11 +233,15 @@ export const DronMarker = props => { |
|
|
|
|
|
|
|
|
|
|
|
// naver.maps.Event.addListener(map, 'zoom_changed', function (zoom) {
|
|
|
|
// naver.maps.Event.addListener(map, 'zoom_changed', function (zoom) {
|
|
|
|
// const a = document.getElementsByClassName('dblock-box');
|
|
|
|
// const a = document.getElementsByClassName('dblock-box');
|
|
|
|
// console.log(zoom * 10);
|
|
|
|
|
|
|
|
// console.log(zoom);
|
|
|
|
|
|
|
|
// for (let i = 0; i < a.length; i++) {
|
|
|
|
// for (let i = 0; i < a.length; i++) {
|
|
|
|
// a[i].style.width = `${zoom * 10 + 20}px`;
|
|
|
|
// if (zoom <= 9) {
|
|
|
|
// a[i].style.fontSize = `${zoom}px`;
|
|
|
|
// a[i].style.display = 'none';
|
|
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
|
|
// a[i].style.display = 'block';
|
|
|
|
|
|
|
|
// a[i].style.width = `${zoom * 10 + 20}px`;
|
|
|
|
|
|
|
|
// a[i].style.fontSize = `${zoom}px`;
|
|
|
|
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// // console.log(document.getElementsByClassName('dblock-box'));
|
|
|
|
// // console.log(document.getElementsByClassName('dblock-box'));
|
|
|
|
// // document.querySelector('.dblock-box').style.width = `${zoom * 10}px`;
|
|
|
|
// // document.querySelector('.dblock-box').style.width = `${zoom * 10}px`;
|
|
|
@ -309,21 +313,19 @@ export const DronMarker = props => { |
|
|
|
// info._element.html(`<div class="dblock-ti"><span>${info?._id}</span>
|
|
|
|
// info._element.html(`<div class="dblock-ti"><span>${info?._id}</span>
|
|
|
|
// <span>${item?.speed}${item?.speedType} | ${item?.elev}${item?.elevType} | ${item?.heading}</span></div>`);
|
|
|
|
// <span>${item?.speed}${item?.speedType} | ${item?.elev}${item?.elevType} | ${item?.heading}</span></div>`);
|
|
|
|
info._element.html(` |
|
|
|
info._element.html(` |
|
|
|
<div class="dblock-ti"> |
|
|
|
|
|
|
|
<span>${info?._id}</span> |
|
|
|
<div class="dblock-ti"> |
|
|
|
</div> |
|
|
|
<span>${info?._id}</span> |
|
|
|
<div class="dblock-txt> |
|
|
|
</div> |
|
|
|
<div class="dblock-txt-list"> |
|
|
|
<div class="dblock-txt"> |
|
|
|
<div> |
|
|
|
<div class="dblock-txt-list"> |
|
|
|
<span style="width: 250px; display: inline-block;">${item?.speed}${ |
|
|
|
<span>${item?.elev}M</span> |
|
|
|
item?.speedType |
|
|
|
<span>${item?.speed}km</span> |
|
|
|
} | ${item?.elev}${item?.elevType} | ${item?.heading}</span> |
|
|
|
<span>${(item?.lat).toFixed(6)} ${(item?.lng).toFixed(6)}</span> |
|
|
|
<span style="width: 250px; display: inline-block;">${(item?.lat).toFixed( |
|
|
|
|
|
|
|
6 |
|
|
|
|
|
|
|
)} | ${(item?.lng).toFixed(6)}</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
`);
|
|
|
|
`);
|
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
@ -383,24 +385,18 @@ export const DronMarker = props => { |
|
|
|
const infoInit = (marker, gps, idx) => { |
|
|
|
const infoInit = (marker, gps, idx) => { |
|
|
|
CustomOverlay = function (options) { |
|
|
|
CustomOverlay = function (options) { |
|
|
|
this._element = $(` |
|
|
|
this._element = $(` |
|
|
|
|
|
|
|
<div class="dblock-box"> |
|
|
|
<div class="dblock-box" style="width:160px;font-size: 14px;"> |
|
|
|
<div class="dblock-ti"> |
|
|
|
<div class="dblock-ti"> |
|
|
|
<span>${marker?.id}</span> |
|
|
|
<span>${marker?.id}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="dblock-txt"> |
|
|
|
<div class="dblock-txt> |
|
|
|
<div class="dblock-txt-list"> |
|
|
|
<div class="dblock-txt-list"> |
|
|
|
<span>${gps?.elev}M</span> |
|
|
|
<div> |
|
|
|
<span>${gps?.speed}km</span> |
|
|
|
<span style="width: 250px; display: inline-block;">${gps?.speed}${ |
|
|
|
<span>${(gps?.lat).toFixed(6)} ${(gps?.lng).toFixed(6)}</span> |
|
|
|
gps?.speedType |
|
|
|
|
|
|
|
} | ${gps?.elev}${gps?.elevType} | ${gps?.heading}</span> |
|
|
|
|
|
|
|
<span style="width: 250px; display: inline-block;">${(gps?.lat).toFixed( |
|
|
|
|
|
|
|
6 |
|
|
|
|
|
|
|
)} | ${(gps?.lng).toFixed(6)}</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
`);
|
|
|
|
`);
|
|
|
|
|
|
|
|
|
|
|
|
// this._element = $(`
|
|
|
|
// this._element = $(`
|
|
|
|