on :根据缩放级别显示/隐藏标签
on是一个用于根据缩放级别显示或隐藏标签的属性。它通常用于前端开发中，用于控制标签在不同屏幕尺寸或缩放级别下的可见性。
具体来说，on属性可以与CSS的@media查询结合使用，根据不同的屏幕尺寸或缩放级别设置标签的显示或隐藏。例如，可以设置一个标签在较小的屏幕尺寸下隐藏，而在较大的屏幕尺寸下显示。
on属性的优势在于可以根据不同的设备或浏览器特性，提供更好的用户体验。通过根据屏幕尺寸或缩放级别调整标签的可见性，可以使页面在不同设备上呈现出更合适的布局和内容。
应用场景包括但不限于：
- 响应式网页设计：通过使用on属性，可以根据不同的屏幕尺寸或缩放级别，调整页面布局和元素的可见性，以适应不同的设备。
- 移动应用开发：在移动应用中，可以使用on属性根据设备的屏幕尺寸或缩放级别，优化界面的显示效果。
- 多语言网站：在多语言网站中，可以使用on属性根据不同的语言文本长度，调整标签的显示或隐藏，以保持页面的整洁性。
腾讯云相关产品中，可以使用腾讯云的移动应用开发平台（https://cloud.tencent.com/product/mapp）来开发移动应用，并结合on属性进行界面的适配。
相关·内容
1回答
我有1000个以上的节点。这些节点的标签渲染大约需要35秒。我怎样才能减少这个时间呢？当我查看chrome开发人员工具时，我发现cytoscape的标签投影计算正在进行中。你能帮我缩短这段时间吗?或者在最新版本中是否已经修复？标签显示是必须的，不能只显示在工具提示中。
浏览 17提问于2019-01-19得票数 0
回答已采纳
1回答
我将Axis标签策略设置为X轴的固定间隔。现在，在缩放时，我希望次要刻度标签为shown.Is，在次要刻度上设置轴标签策略允许这样做，或者以什么方式实现这一点。
浏览 9提问于2018-08-29得票数 0
回答已采纳
我正在Mapview上的标签中显示CameraPosition缩放，并使用自定义光栅块的源，并注意到正在地图视图上显示的瓷砖的缩放级别与相机的缩放级别实际上是不同的(例如，在相机缩放14处，我得到的是缩放级别16的瓷砖)。
有人知道为什么会发生这种事吗？
浏览 2提问于2016-10-27得票数 0
回答已采纳
我有一个geojson表示插值的天气数据的等高线层。某些轮廓消失在更高的缩放水平，如下面的屏幕抓取。
当将多多边形作为一个层添加到Mapbox时，使用以下代码：
map.addSource('mintempContour', {
type: 'geojson',
data: geojson_source
});
map.addLayer({
"id": 'mintemp',
"type":
浏览 2提问于2019-01-30得票数 3
我的地图上有一些标记。我希望一组标记在缩放级别为1-2时可见，另一组标记在缩放级别为3或更高时可见。
这是可能的吗？
浏览 8提问于2016-09-10得票数 1
回答已采纳
1回答
我想在amCharts中有一个图表，其中x轴是时间，条形图用不同的颜色和高度来表示时间上的事件。现在我想有一个可缩放的，以便只有当有足够的空间来显示它们时，栏中的标题才会出现。在我的示例图片中，标题没有显示在品红色条上：
浏览 1提问于2015-02-24得票数 0
2回答
我正在使用jQuery标签在标签中显示不同的<div>内容。我的选项卡是：
说明|便利设施|定价|图片|位置图
当我切换到使用Google Maps的位置地图选项卡时，问题就出现了。图钉未显示在地图的中心。但是当我使用没有jQuery标签的相同的谷歌地图脚本时，它工作得很好。有没有办法既有Tabs，又能把图钉放在地图的中心？
浏览 1提问于2012-02-23得票数 2
1回答
我正在构建一个应用程序，我使用的是gMap.net (不是谷歌地图)。我需要一个没有标签的完全物理地图。所有的mapProviders都在显示标签。在附图中，你可以看到很少有地标。有没有办法把它们移走。
浏览 1提问于2016-04-07得票数 1
回答已采纳
2回答
我使用来显示时间序列。随着时间的推移，点会添加到系列中，用户可以使用正常的内置控件放大/缩小。
问题是，我如何设置它，以便X轴标签自动显示适合于所显示时间范围的格式？
例如，当图表上显示的时间范围<1小时时，我希望将其设置为显示HH:mm:ss：
ChartAreas[0].AxisX.LabelStyle.Format ="HH:mm:ss";
但是，如果我在同一张图表上放大显示6天的数据，我会希望它只显示日期：
ChartAreas[0].AxisX.LabelStyle.Format ="dd/MM/yy";
有什么内置的功能可以做到这一点吗
浏览 2提问于2014-06-16得票数 0
回答已采纳
在geoserver样式下，如何设置LineSymbolizer标记以避免行重叠。当我缩小的时候，如果它们彼此太近，geoserver会任意地将一条线放在另一条线上。
此外，下面的XML代码允许我在LineSymbolizer中使用“箭头”图形。但是如何让这些箭头在拐角处弯曲呢？
<LineSymbolizer>
<Stroke>
<GraphicStroke>
<Graphic>
浏览 16提问于2014-11-14得票数 0
1回答
下面的地图是由R中的模拟数据制作的：
首先，我加载了这些材料：
library(leaflet)
library(leaflet.extras)
library(dplyr)
然后，我模拟了这个例子的随机数据：
myFun <- function(n = 5000) {
a <- do.call(paste0, replicate(5, sample(LETTERS, n, TRUE), FALSE))
paste0(a, sprintf("%04d", sample(9999, n, TRUE)), sample(LETTERS, n, TRUE))
}
浏览 5提问于2022-10-07得票数 1
回答已采纳
我使用Firefox进行网页设计工作，因为我习惯并喜欢Firebug和。我现在正在制作一个页面模板，并且很难理解每样东西的外观，因为它已经缩小了。非HTML5 5网页有正确的缩放级别.
我搜索了很多，但没有找到任何相关的东西。
我想关闭这个行为，如果需要的话，使用一些-moz-*指令，因为它显示网页的方式与所有其他HTML5浏览器不同。
多么?
如果这个问题是新的，从15.0.1到Mac，我会接受暂时降级，如果你可以链接一个版本修复它。
注意:这与页面缩放无关，用户可以通过Ctrl +和-进行更改。
编辑: Hm，support.mozilla.com是正常规模(似乎)。有人能帮我找到什么HT
浏览 2提问于2012-09-12得票数 0
回答已采纳
2回答
地图数据优化
、、、、
我有大量的标记，我想显示基于用户的观点。我正在寻找最有效的方式，我可以迅速更新我的地图，当用户改变一个观点。换句话说，只显示这些落入边界的标记(lg，ln)。
目前，我的解决办法如下：
在页面加载时，从服务器上提取关于所有位置的所有数据，并将其存储在数组中。
更新地图
每次用户拖动地图时，移除旧的标记并放置新的属于绑定的标记。
当前的解决方案工作缓慢且效率低下，因为需要删除O(N*M)的N旧标记和需要放置在地图上的M新标记刷新映射的复杂性。
我想知道是否有人知道如何使它比这个更快？
仅检测需要更新的标记(删除/添加)如何？
我通常在寻找任何优化建议--这可能是算法改进、技术
浏览 6提问于2016-04-14得票数 0
1回答
我正在使用iOS应用程序的Skobbler地图。是否可以为POI类别设置优先级，以便在多个POI组时，该类别的图标位于顶部？
因此，如果信息图标具有更高的优先级，它应该显示在群图标中，而不是餐厅。
我尝试在json样式文件中设置类别的优先级标签，但没有成功。
浏览 0提问于2015-07-07得票数 2
我正在为我的iOS应用程序使用GMap。
我已经根据我们的数据添加了一组标记。
但当地图缩小时，标记彼此重叠，这似乎不太好。
我需要的是根据地图缩放级别显示标记的数量或数量。意味着如果两个标记相互重叠，则显示文本为2的单个标签作为标记，依此类推…
浏览 28提问于2017-01-24得票数 1
回答已采纳
如何在osm上剪切一些区域(仅显示城市/国家或类似的smth )？当用户将接近地面时，他将看到更多:街道，然后可能商店等。然后我会把它放在数据库中，我有，用户将从我的数据库中获得应用程序中的地图。但问题是:在哪里(什么程序)可以帮助我减少面积并完成我所描述的一切；或者我如何在osm网站上做到这一点？
浏览 0提问于2017-06-06得票数 0
Ol docs声明可以在文本标签上使用填充以进行清理。，
然而，我的标签仍然是重叠的，即使我指示填充。
codepen上的实时示例：
Style函数：
function styleFunction (feature) {
return new ol.style.Style({
text: new ol.style.Text({
text: feature.get('PORT_NAME'),
padding: [3, 3, 3, 3],
font: "bold 15px sans-serif"
浏览 114提问于2019-11-21得票数 1
回答已采纳
我在默认的Mapbox Streets V8数据源上过滤'poi-label'层。我想要的是，某些maki或类标签，如'fitness-centere'，无论缩放级别如何，总是可见的(包括图标和标签)。 我没有看到关于如何使用Mapbox studio来做这件事的明确文档。它可以在那个工具中完成吗？
浏览 40提问于2020-09-19得票数 1
回答已采纳
我使用mapbox将geojson文件中的点呈现到地图上。
对于每一点，我也会在标记图标下面显示一个标签。我目前使用以下代码进行此操作：
map.addSource("mypoints", {
type: "geojson",
data: "mypoints.geojson",
});
map.addLayer({
"id": "layer-mypoints",
"type": "symbol",
"source": "
浏览 1提问于2016-10-20得票数 10
回答已采纳
3回答
出于某种原因，这似乎比我想象的要难得多。我正在使用地图显示，并且我已将缩放级别设置为15：
mapController.setZoom(15);
在距离上，不同的变焦级别等于什么？我假设是某种对数或指数尺度。如果我选择1或18作为缩放级别，对于地图上的每个缩放级别，屏幕上显示的大致距离是多少？
浏览 0提问于2012-01-04得票数 3
回答已采纳
1回答
在创建了我的第一张地图
我正在绘制在海岸路径(黄色)上的散步，并将添加更多的步行和更多的信息。然而，在目前的缩放，我想排除所有的引脚，并只显示在变焦级别11？
谢谢
富足
浏览 1提问于2016-01-07得票数 0
回答已采纳
我正在尝试添加缩放到英国地图与D3FC标签布局。但当我放大时，标签就会移位。据我所知，每次调用缩放时，我都必须使用d3fc-label-layout重新计算位置，但不确定如何做到这一点，这里是一个小提琴
var zoom = d3.zoom()
.scaleExtent([1, 28])
.on('zoom', function () {
svg.selectAll('path')
.attr('transform', d3.event.transform);
svg
浏览 12提问于2021-03-12得票数 3
回答已采纳
我试图用一个可缩放的太阳爆发图来可视化一个大型数据库。我有太多的孩子在较低层次的json，因此文本标签非常混乱，在外部边缘不可读。
我可以打开或关闭标签的绝对深度水平，但这意味着这些标签永远不会被显示，即使我放大。
我的问题是，如何计算特定缩放级别中的“相对”深度，然后在此基础上显示标签？
据我所知，d.depth只表示绝对水平。
浏览 3提问于2014-01-25得票数 3
回答已采纳
我正在创建一个android应用程序，其中我正在显示当前位置。我只想知道我应该如何缩放才能使我的手机屏幕聚焦到离我当前位置5公里的地方。提前谢谢你。
浏览 2提问于2014-08-10得票数 0
1回答
我正在将javascript中的一段google地图代码从v2迁移到v3
以下v2片段显示了放大中心的地图，因此您可以看到街道名称和特定详细信息
var mapG = new GMap(document.getElementById("gmmap"));
var point = new GLatLng(52.6461049, 6.5583690);
mapG.centerAndZoom(point, 3);
我已经尝试将其移植到以下代码中
var point = new google.maps.LatLng(52.6461049, 6.5583690);
var mapOpt
浏览 1提问于2013-05-13得票数 0
回答已采纳
我正在处理一个无法在手机上正常显示的页面。我正在用三星的S7阅读它。页面在桌面上如下所示(没有宽度箭头和尺寸)：
这就是我希望在S7上看到的:一个原始版本的简单缩小版本。宽度为1200px。我在页面上有下面的meta viewport标签：
<meta name="viewport" content="width=1200, initial-scale=3">
有时这个viewport标签会起作用，给我想要的东西。但是如果我再次加载它，页面可能会向左加载偏移量，因此菜单不在屏幕上。否则它会被放大加载。在它加载错误一次后，我不断地点击和滑动
浏览 0提问于2017-07-01得票数 5
我有一个Winforms应用程序(在Visual Studio 2015中)，其中包含一个用于预览和打印报表的Microsoft报表查看器控件。
一个用户有4K分辨率的监视器，当他运行报告时，它在microsoft报告查看器控件中缩小到2/3大小。
当我尝试将这个报告导出到PDf中时，它看起来是正确的。
包含Microsoft Report Viewer的窗体的AutoScaleMode属性被设置为"Font"，但如果我更改此属性，似乎不会影响报表查看器。
我需要一些方法来在报表查看器控件本身中指定它应该以96dpi呈现，而不考虑系统dpi设置。有什么方法可以完全满足我的目的吗
浏览 1提问于2018-05-15得票数 0
1回答
我想设计一个多点触摸设备的GUI，通过文章的馈送导航。文章被标记并组织在几个层次结构中(例如，主题层次结构，如果文章来自不同的位置，则为GEO层次结构，等等)。
GUI的目的是在标签和层次结构中快速导航，并找到有趣的文章。
我想构建一个，这样每个tile要么表示一个层次结构，要么表示一个标记。tile显示它的层次结构/标签名称和“一堆”文章。“堆”实际上只显示顶部文章的预览。
用户可以缩放整个tree map以查看层次结构的更多元素，并放大文章的预览。用户也可以选择一个tile (或文章)，并分别缩放它。
这有意义吗？
浏览 0提问于2011-02-15得票数 0
2回答
<meta name="viewport" content="width=device-width, initial-scale=1">
把这个元标签放到标题上到底发生了什么？
浏览 8提问于2016-12-14得票数 0
我必须在传单地图上显示5x5度的饼状图。我可以使用强大的库显示饼图，但我必须提供以像素为单位的半径，而且到目前为止它是静态的。
我希望它是动态的，这样在任何缩放级别下，饼图都会填充5x5的正方形(也就是半径= 5x5度长度)。
如何根据缩放级别知道5x5度正方形边的像素长度？
谢谢
浏览 7提问于2014-03-17得票数 4
我使用Spring和tiles来显示页面。我面临的问题是我在页面左侧有3个链接，每个链接引用一个jsp文件，我有三个jsp文件来加载相同的。
第一个jsp文件包含从SVG文件加载的带有缩放支持的svg图。
第二个jsp文件包含基于画布的图表。
另一个jsp文件具有jqgrid。
现在，用户单击第一个链接，SVG图加载，用户放大到某个级别，然后用户单击基于画布的图表加载的下一个链接，现在的问题是当用户再次单击第一个jsp文件再次加载的第一个链接，并且用户缩放级别重置到初始级别时。
如何保留以前加载的JSP页面？
浏览 2提问于2012-12-08得票数 0
1回答
我使用的是静态谷歌地图，但实际上这个问题适用于任何地图项目。我想把一张地图划分成多个象限(比如50x50像素)，并将这些列标记为A、B、C.排成1，2，3.
接下来我打算做一件事，
( 1)找出最北、最东、最南、最西的标记2)用这一信息来定义每一行和每列的边框，3)按其行和列对每个标记进行分类(例如，标记1= A,2)
一些要求，
我不知道缩放级别，因为我让Google为我设置适当的缩放级别，我不想使用依赖于缩放级别的算法。不过，我知道地图上显示的所有标记的位置。
下面是一个地图的例子，我想对标记进行分类，
我发现这些看起来是个很好的开始，，
但我想我还需要一些帮助才能开始。有人能
浏览 4提问于2010-12-27得票数 0
回答已采纳
我使用的是Android的GoogleMaps和一个自定义的TileProvider，它使用URL获取缩放/x/y格式的瓷砖，以显示自定义的世界地图。
这里没什么花哨的。这个应用程序以前使用的是开放街道地图。我注意到的是，在一定的缩放水平上，它会显示更详细的图像。
看起来，相对于GoogleMaps，OSM的缩放级别是不同的。这将导致OSM的URL中有一个更高的zoom值，而GoogleMaps将在那里放置一个更低的数字，这将导致更多的像素化块。
这里有什么不同(或者之前的开发人员在OSM中做了一些事情来实现这一点)？
我想做的是，如果谷歌地图想要求缩放级别5，我实际上想要放大级别8。这有可能
浏览 0提问于2016-11-23得票数 0
3回答
如何在反应图2中隐藏轴上的刻痕
、、、、
我想显示没有标签的axisY，但这不是工作
scales:{
yAxes:[{
scaleLabel:{
display: false
}
}],
},
}```
浏览 6提问于2020-08-06得票数 0
回答已采纳
2回答
对于响应性设计，是否强制使用元标记视图？
<meta name="viewport" content="width=device-width,initial-scale=1">
我几乎没有做过测试，而且它在桌面浏览器上运行良好，而且它适合于窗口的大小，即使我使用视图作为宽度或高度来定义页眉和页脚。
那么，这个元标签只对移动设备有用吗?或者这是必要的？对于移动设备，视口是否使用默认的宽度或高度？
浏览 4提问于2019-04-17得票数 3
回答已采纳
1回答
我有一组按钮，我已经添加到邮件主组。XML中是否有允许这些按钮根据Outlook大小调整自身大小的设置，就像内置的Outlook按钮一样？我只看到大和普通按钮大小的选项，如果我删除大小标签，它将显示为正常。这个有选择吗？找不到标签引用。
浏览 2提问于2016-01-25得票数 0
回答已采纳
3回答
我正在开发JavaScript的安卓应用程序，我想知道当我用谷歌地图缩小不到15倍时，如何隐藏地图标记，这是我使用的代码：
function success1(position) {
var bangalore = { lat: 24.7511, lng: 46.6568 };
var gift = { lat: 24.7906, lng: 46.6312 };
var map = new google.maps.Map(document.getElementById('mapp'), {
zoom: 17,
streetViewCo
浏览 0提问于2016-03-27得票数 1
回答已采纳
我正在构建一个时间线图表-当画笔变小到1天的范围时，它将更改顶部的日期刻度-但当它达到此模式时-标签重叠，它看起来杂乱无章，直到您到达12小时的分布。
清理此功能的最佳方式是什么，使其不会重叠。我想有一行显示日期--它下面的另一行显示该级别的小时数。
var tFormat = '%Y-%m';
var tTick = 'timeMonth';
if (days < 40) {
tFormat = '%Y-%m-%d';
tTick = 'timeWeek'
浏览 3提问于2020-01-24得票数 0
1回答
我有一个ArcGIS JavaScript应用编程接口映射。在地图上单击，我想显示一个圆，并突出显示该圆内的所有点。
但是，当我创建圆并放大地图时，圆也会放大。无论地图的缩放级别如何，如何才能使圆保持相同的像素半径？
<script>
require([
"esri/Map",
"esri/layers/GeoJSONLayer",
"esri/views/MapView",
"esri/widgets/Zo
浏览 14提问于2020-05-31得票数 0
3回答
meta标签中'initial-scale=1.0‘的确切含义是什么？它有什么用处？如果我们不使用它，会有什么不同呢？
<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 0提问于2016-06-06得票数 2
我在我的安卓应用上使用HereMap。我可以在地图上绘制标记，但不能在标记旁边显示文本。我已经尝试过使用setTitle和MapLabeledMarker，但这些似乎都不起作用。在HereMap Android sdk中，我们如何在地图上绘制的标记旁边显示一些文本？
浏览 15提问于2017-08-17得票数 0
回答已采纳
我有两个JSP页面，其中包含以下代码：
A.jsp
<fieldset>
<legend class="noBold" >Datos generales</legend>
<table>
<tr>
<td class="etiqueta" colspan="5">
<label for="fxPresentacion">Fecha presentación:<
浏览 64提问于2014-09-18得票数 3
1回答
昨天，当我打开我的机器时，桌面上的所有文件夹和文档(两个显示器)的日期都在它们下面。它制造了一个非常混乱的桌面！
关于如何失去日期有什么想法吗？我附上了显示器一个角落的截图。
📷
浏览 0提问于2016-12-30得票数 17
我试图根据this link在这里的地图上可视化瓦片，但得到了以下错误： row or col is too big on this zoom level 我的链接如下：https://1.base.maps.ls.hereapi.com/maptile/2.1/trucktile/newest/normal.day/11/2048/1615/256/png8?apiKey={MY_API_KEY} 我根据this link中显示的计算得到11、2048和1615。但是我可能设置了一个错误的值，当前是256。 我如何在那里设置一个正确的值？
浏览 8提问于2020-07-06得票数 0
3回答
我想用Handles.Label()在一些rect转换上显示一些标签。它显示默认字体大小的文本，而不管场景窗口中的缩放级别如何。
public class NodeWrapper : MonoBehaviour {
public Node node;
void OnDrawGizmos()
{
Handles.Label(transform.position + new Vector3(-.9f, .5f), node.Name);
Handles.Label(transform.position + new Vector3(-.9f
浏览 0提问于2016-07-03得票数 1
回答已采纳
我有一个高图表气泡图，其中许多点将有相同的，或非常相似的值。目前只有顶部的数据标签是可见的。我有允许突出显示点的功能(使用select()方法)。当选择一个点时，我也使用point.graphic.toFront()将其移到顶部，但我也希望将所选点的数据标签移到顶部。我不知道该怎么做或者是否有可能。
是否有方法将单个点的数据标签移动到前面/顶部以便可以看到？
我知道有一个允许数据标签重叠的设置，但这并不一定是我想要做的。我希望保留当前的功能，只显示重叠点的顶部数据标签，但我希望能够以编程方式控制顶部的点/数据标签。我试过调整点的数据标签的z索引，但这似乎没有任何作用。
浏览 2提问于2016-04-12得票数 3
回答已采纳
我在Cytoscape.js中使用循环布局。我注意到节点的大小和字体是相互关联的。增加字体大小会产生较小的节点大小(我理解的一个相对视图)。是否有办法在不影响节点大小的情况下断开这种关系并显示增加的字体大小？
我希望它适用于所有节点(对于单个/孤立事件，字体大小的增加不会影响节点大小，但是对于所有节点一起，它会导致相对缩放)。
浏览 1提问于2016-12-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
