【问题标题】: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/
我对@987654323@ 和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;