Leaflet 路由机 http://www.liedman.net/leaflet-routing-machine/容器div默认显示在地图上,我想将此div放在地图下方。有什么线索可以做到这一点吗?
因此,您需要在地图div之外添加一个传单控件。这是一个解决方案。
- 在您想要添加控件的位置创建一个 Div,并将其放置在页面上您想要的位置
-
启动您的控件并将其添加到变量中,就像我在本例中所做的那样
var control = L.Routing.control({
waypoints: [
L.latLng(57.74, 11.94),
L.latLng(57.6792, 11.949)
]
});
-
添加您的control
如下图所示
control._map = map;
var controlDiv = control.onAdd(map);
-
最后将您的控件添加到最初定义的 html div
document.getElementById('controls').appendChild(controlDiv);
这是一个工作fiddle http://jsfiddle.net/zafrii/Lon6nkg6/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)