个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我试图保持我的传单控件展开并反转它使我的基础层的顺序。目前，控件仅在悬停时打开，并且它会自动对我的图层进行排序 2009-2015。我希望他们能够参加 2015-2009 年。
我在这里阅读了文档，http://leafletjs.com/reference.html#control-layers-l.control.layers
我知道这应该很容易通过将“collapse”和“autoZIndex”更改为 false 来完成，我做错了什么？我觉得有一个简单的解决方法......
谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Leaflet layers control</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script type="text/javascript" src='https://api.tiles.mapbox.com/mapbox.js/v2.1.9/mapbox.js'></script>
<script type="text/javascript" src='http://code.jquery.com/jquery-2.1.4.min.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.9/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
.legend label,
.legend span {
display:block;
float:left;
height:15px;
width:20%;
text-align:center;
font-size:9px;
color:#808080;
}
</style>
</head>
<body>
<div id='legend' style='display:none;'>
<h1 class="year"><span>Title</span></h1>
<nav class='legend clearfix'>
<span style='background:#ecfa00 ;'></span>
<span style='background:#fdda1d ;'></span>
<span style='background:#f2a80e;'></span>
<span style='background:#ff0000 ;'></span>
<span style='background:#c70606 ;'></span>
<label>#</label>
<label>#</label>
<label>#</label>
<label>#</label>
<label>#</label>
<small><a href="#">Source</a></small>
</div>
<div id='map'></div>
<script>
L.mapbox.accessToken = 'apikey_here';
var map = L.mapbox.map('map').setView([40, -96.50], 4);
map.legendControl.addLegend(document.getElementById('legend').innerHTML);
L.control.layers({
'2015': L.mapbox.tileLayer('map.m885g0j9'),
'2014': L.mapbox.tileLayer('map.m885oklp'),
'2013': L.mapbox.tileLayer('map.m889lpb4'),
'2012': L.mapbox.tileLayer('map.m88a236n'),
'2011': L.mapbox.tileLayer('map.m88an5o9'),
'2010': L.mapbox.tileLayer('map.m88aj017'),
'2009': L.mapbox.tileLayer('map.m88aa5jm').addTo(map)
} )
.addTo(map);
var controls = L.control.layers(
baseLayers, overlayLayers,
{
collapsed: false,
autoZIndex: false
}
);
controls.addTo(map);
</script>
</body>
</html>最佳答案
因为我相信 L.Control.Layers 中的图层排序仍然是 open issue ，您需要的功能仅存在于位于 https://github.com/elesdoar/leaflet-control-orderlayers 的插件中.
其次，放下你的
var controls = L.control.layers(
baseLayers, overlayLayers,
{
collapsed: false,
autoZIndex: false
}
);
controls.addTo(map);
没有必要。您需要做的就是将选项哈希复制到第一个控件 init，例如
L.control.layers({
'2015': L.mapbox.tileLayer('map.m885g0j9'),
'2014': L.mapbox.tileLayer('map.m885oklp'),
'2013': L.mapbox.tileLayer('map.m889lpb4'),
'2012': L.mapbox.tileLayer('map.m88a236n'),
'2011': L.mapbox.tileLayer('map.m88an5o9'),
'2010': L.mapbox.tileLayer('map.m88aj017'),
'2009': L.mapbox.tileLayer('map.m88aa5jm').addTo(map)
},null, {
collapsed: false,
autoZIndex: false
} )
关于javascript - leaflet展开控制和autoZindex，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30400124/
25
4
0
大家好，我完成了这个基本的 C 程序，它向输入任何给定数字集的用户显示有序集、最小值、最大值、平均值和中值。我遇到的问题是，当我打印数字时，我必须使用诸如“3.2%f”之类的东西来设置标准的精度，我怎
我有这个基于 Python 的服务守护进程，它正在执行大量多路复用 IO(选择)。 从另一个脚本(也是 Python)我想查询这个服务守护进程的状态/信息和/或控制处理(例如暂停它、关闭它、更改一些参
我读到 Fortran 对表达式求值的顺序有严格的规则。对于某些数值算法来说，这一点非常重要。 数值 C 程序如何控制浮点运算的顺序并防止编译器“优化”到不需要的运算顺序，例如将 (a*b)*c 更改
上下文: 整个问题可以概括为我正在尝试复制调用system(或fork)的行为，但在 mpi 环境中。 (事实证明，你不能并行调用system。)这意味着我有一个程序在许多节点上运行，每个节点上有一个
我考虑过控制scanf来接受c中的任何输入。我的概念是等待10秒(或任何其他时间)来接受任何输入。10秒后它将退出并且不再接收任何输入。 int main(){ int a,b,c,d; sca
我正在尝试使用生成器停止 setTimeOut 上的执行流程。我究竟做错了什么？我无法让 console.log 每 1500 毫秒退出一次。我是 node 的新手，如果我在做一件非常愚蠢的事情，请不
我希望我的应用程序的 Activity 堆栈包含同一 Activity 的多个实例，每个实例处理不同的数据。因此，我将让 Activity A 在我的 Activity 堆栈中处理数据 a、b、c 和
我有这个 bash 文件，它向设备询问 OpenSSH 的 IP、密码等。 现在，如果我使用 ssh root@ip，我必须输入密码。这真的很烦人。第二;我不能让我的脚本向它发送命令。 这就是我想要的
我正在尝试测试我有权访问的机器的缓存属性。为此，我正在尝试读取内存并对其计时。我改变工作集大小和步幅访问模式以获得不同的测量值。 代码如下所示: clock1 = get_ticks() for (i
我正在尝试编写一个 makefile 来替换用于构建相当大的应用程序的脚本之一。 当前脚本一次编译一个文件，使用 make 的主要原因是并行化构建过程。使用 make -j 16 我目前在办公室服务器
我正在制作一个小的测试程序，它演示了一个粗糙的控制台界面。 该程序是一个低于标准的典型获取行、响应程序，它甚至不识别“退出”，并希望您通过按 control-c 强制退出。在 Mingw32 上完成。
好的，我有一个 VOIP 电话。我知道电话的 IP 地址和端口，并且可以完全访问电话，我正在使用它通过 SIP 中继调用 SIP 电话。 我基本上想随时查看手机上发生的事情，但我不知道从哪里开始。 如
是否可以指定 CWinApp::WriteProfileString() 使用的应用程序名称？ 如果我使用 CWinApp::SetRegistryKey 将我的公司名称设置为“MyCompany”，
我正在尝试用 Python 控制 Tor。我在 stackoverflow 上阅读了其他几个关于这个主题的问题，但没有一个能回答这个问题。 我正在寻找一种方法，以便在命令运行时为您提供“新身份”、新
最近在做一个项目，涉及到iPhone设备和手表传输数据、控制彼此界面跳转，在网上找了很多资料，发现国内的网站这方面介绍的不多，而国外的网站写的也不是很全，所以在这写这篇文章，给大家参考一下，望大神指
我想增加图中值的范围。在示例中，值的范围从 50 到 200。但是，我需要按如下方式分配值:50 75 100 125 150 175 200 并且最好使用 scale_fill_gradientn
我有一个IconButton，当按下时波纹效果是圆形的并且比按钮的面积大，我怎样才能减少点击按钮时波纹效果的大小？ IconButton( constraints
我正在使用代码契约(Contract)为我的项目生成附属程序集。基本上它为项目的 MyAssembly.dll 创建一个 MyAssembly.Contracts.dll。这应该放在你的程序集旁边，但
我想使用分面绘制图形，其中面板之间的边缘不同。面板按字母顺序自动排序(按照 ggplot 中的惯例)。一个简单的例子: library(igraph) library(ggraph) g <- mak
我想为我的 Android 应用程序创建一个小部件，以显示有关位置的一些实时详细信息，例如天气。但我想在任何时候允许最多 3 个小部件实例，每个实例都有不同的位置。我不确定该怎么做，也找不到任何信息。
我是一名优秀的程序员,十分优秀！