如何在 mapbox 地图上生成文本框？答案

【问题标题】：How to generate a textbox on top of a mapbox map?如何在 mapbox 地图上生成文本框？
【发布时间】：2016-08-25 11:21:54
【问题描述】：

我对 JavaScript 比较陌生，但是我有这个 mapbox 地图，我希望在上面添加一个动态的textbox。现在，我有一个window.setintervalcommand 正在运行，它每半秒左右在地图上添加新的标记。我想要做的是添加一个不断变化的textbox，它显示一个日期，该日期随每个窗口时间间隔而变化。

谁能帮我在角落里添加这个textbox 或其他东西，以便它在地图框顶部显示一个变化的日期（从 16 年 1 月 1 日开始）？

【问题讨论】：

天哪。这会让人们对你大喊大叫。 “你试过什么？” “到目前为止，你有什么？”嗯，会咬人的。将来，您希望在问题中包含这些内容。

标签： javascript mapbox

【解决方案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 样式中，将通过更改“left”或“top”值将元素放置在页面上您想要的位置。

如果你想让计时器保持在同一位置，无论滚动位置如何，请将position: absolute更改为position: fixed

【讨论】：