在leaflet.js中定义了诸如“position:topleft”之类的控制选项在哪里?我可以创建position:bottomcenter吗?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在leaflet.js中定义了诸如“position:topleft”之类的控制选项在哪里?我可以创建position:bottomcenter吗?相关的知识,希望对你有一定的参考价值。

我需要在leaflet.js控件中创建自定义位置:bottomcenter。但是,传单只支持四个角位置。因此,我需要知道如何创建现有位置,如topleft,bottomright等。任何人都可以解释这些事情吗?提前致谢 :-)

答案

如果要将该功能添加到leaflet以使其他控件不受影响,则可以执行以下操作:

leaflet.js:从4900行开始我相信吗?

t("top", "left"),
t("top", "right"),
t("bottom", "left"),
t("bottom", "right"),

添加以下两行:

t("top", "center"),
t("bottom", "center")

这将允许使用头寸'topcenter'和'bottomcenter'

然后只需为'leaflet-center'添加css类:

.leaflet-center {
    left: 50%;
    transform: translate(-50%, 0%);
}

以上是关于在leaflet.js中定义了诸如“position:topleft”之类的控制选项在哪里?我可以创建position:bottomcenter吗?的主要内容,如果未能解决你的问题,请参考以下文章

如何仅使用 DOM 对象获取 leaflet.js 实例?

Leaflet.js 地图不占用全宽 [React.js]

Leaflet.js 全屏 API 在 Webkit 中不起作用

Sencha Touch 和 Leaflet.js API

Leaflet.js:检测地图何时完成缩放

Leaflet.js 将地图集中在一组标记上