【问题标题】:How to display information in a div outside the map?如何在地图外的 div 中显示信息?
【发布时间】:2014-01-22 16:48:01
【问题描述】:

我创建了一个带有两个多边形的简单地图(我从Interactive Choropleth Map 教程中获得的大部分代码)。我添加了L.control() 以显示有关 div 中多边形的信息。与教程相反,我希望将此 div 显示在地图之外。

要了解我的意思,请看这里:jsfiddle.net/Tbr9p/

我对@9​​87654323@ 和javascript 还很陌生,所以如果有人能提供帮助,那就太好了!

【问题讨论】:

    标签: javascript maps leaflet


    【解决方案1】:

    我认为 Leaflet 正在为您在事件处理程序上返回的 _div 设置样式,因此它显示为弹出窗口。只需获取您要写入的 DIV(按 ID,而不是按类别)并对其进行编辑。

    在此处查看 jsfiddle:

    http://jsfiddle.net/7n58L/6/

    JS 的第 103 和 110 行,以及一些 CSS 和 HTML 调整。我想我改了一些名字。

    【讨论】:

      【解决方案2】:

      查看更新的小提琴here

      document.getElementById("information").innerText = layer.feature.properties.Name;
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2010-12-17
        • 2021-08-18
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多