Как сгенерировать текстовое поле поверх карты карты?

Question

Я довольно новичок в JavaScript, но у меня есть карта карт, на которой я надеюсь добавить динамический textbox сверху. Прямо сейчас у меня есть команда window.setinterval, которая добавляет новые маркеры на карту каждые полсекунды или около того. Я хочу добавить переменную textbox, которая отображает дату, которая изменяется с каждым интервалом времени окна.

Может ли кто-нибудь помочь мне с добавлением этого textbox в угол или что-то в этом роде, чтобы он отображал дату изменения (начиная с 1/1/16) в верхней части окна карты?

Answer 1

Вы можете просто сделать что-то вроде этого:

<div class="container"> 
    <div class="element-with-timer"></div> 
    <div class="element-with-map"></div> 
</div> 

<style> 
    .container { 
    position: relative; 
    } 

    .element-with-timer { 
    position: absolute; 
    z-index: 5; 
    } 
</style> 

В .element-with-timer стилей CSS, то было бы бы поместить элемент, где вы хотите на странице, изменяя «Влево» или «сверху» значения.

Если вы хотите сохранить таймер в том же положении, независимо от положения прокрутки, изменить position: absolute к position: fixed