隐藏在视口外部的Leaflet geoJson图层

文章/答案/技术大牛

发布

1回答

javascript、leaflet、geojson

我有一张上面有几层的传单地图。只要图层不在视口中，它们就会被隐藏，直到平移完成：向右平移，要显示视口外部的层，请执行以下操作：平移已停止：如上所示，一旦平移停止并松开鼠标(手指L.map('map',{ bounceAtZoomLimits: false, removeOutsideVisibleBounds: false}).setView([40, 0], 2); L.<e

浏览 8提问于2018-08-07得票数 0

回答已采纳

1回答

处理ajax-传单地图中的请求

javascript、jquery、ajax、leaflet

我有一个非常基本的传单地图使用leaflet-panel-layers来创建一个漂亮的图层控件。我有两个函数来创建我的层和覆盖。我的数据在外部geoJSON -文件中，这似乎是我的问题，因为传单没有提供任何东西来获取外部geoJSON。我还使用proj4leaflet库来使用json中给出的投影。response) { overlays.p

浏览 2提问于2015-07-10得票数 1

回答已采纳

1回答

leaflet layer.getbounds不是函数

leaflet

我从geoJson中提取了一个要素图层，然后同步了一个表。当我放大eachFeature时，它会过滤表格中的那些特征。下面是我的脚本，它不起作用。var featureLayer = L.geoJson(null, { return feature.geometry.coordinates() { featureLayer.eachLayer(function (layer)

浏览 2提问于2018-02-24得票数 4

回答已采纳

1回答

从geoJSON获取地图视口中显示的要素

google-maps、google-maps-api-3、maps、google-maps-markers

现在，我需要显示地图视口中存在的要素的属性。我不能遍历所有的项目并检查.contains()，我有一个巨大的数据。有没有默认的google方法来获取地图视口中显示的要素的属性？

浏览 2提问于2017-01-20得票数 7

1回答

外部GeoJSON图层的Leaflet自定义标记

javascript、maps、leaflet、geojson

我刚接触Leaflet，我正在尝试使用自定义标记设置外部geoJSON提要的样式。<head><meta charset="

浏览 0提问于2017-09-11得票数 0

1回答

从Mapbox Studio中上传的切片集获取Mapbox geojson图层边界

mapbox、geospatial、mapbox-gl-js

我已经成功地将geojson切片集上传到Mapbox Studio，并在我的web应用程序中通过使用map.addLayer并引用Mapbox Studio中的切片集的URL端点来渲染geojson中的多边形我现在想要做的是通过Mapbox API或在我的typescript文件中本地获取已添加的图层的边界。我知道解决方案需要涉及turf和bbox，但我在实际获取需要传递给map.fitBounds

浏览 2提问于2020-04-08得票数 1

1回答

单张填充不起作用

javascript、leaflet、padding

我正在开发一个小的传单应用程序，无法让“填充”像我期望的那样工作。，然后地图应该缩放到基于边界和填充的适当级别。当前发生的情况是，当用户单击一个点所表示的元素时，地图将根据"maxZoom“值放大该点。//define styles "color": "#ff7800", "opacity": 0.65 /&#

浏览 2提问于2017-07-22得票数 1

回答已采纳

1回答

使用传单单击复选框时无法向图层组动态添加图层

leaflet

我的问题是我不能删除每一个复选框的层，我已经发布了这个问题，不幸的是我没有得到任何答案。我现在尝试使用图层组，我为每个点击的复选框添加了图层，但是当我试图删除每个层时，它删除了最后一个层，所以我注意到这些层没有添加到层组中。那么，如何动态地向层组添加层，换句话说，每次单击给定的复选框时如何添加层？你能帮我找出问题所在吗？任何帮助都是非常感谢的。$.removePoly(valChk); }

浏览 0提问于2017-02-22得票数 0

1回答

添加geojson图层到地图上按一下按钮

javascript、dictionary、button、leaflet、geojson

我目前正在尝试实现一个项目，在这个项目中，我们可以在单击“外部”按钮时向地图添加不同类型的geojson层。我可以通过简单地在地图上添加它们来添加这些层。但我真的希望能够点击一个外部地图按钮，让这些图层附加，而不是让他们在我的地图上乞讨。HTML： <l

浏览 1提问于2021-12-28得票数 0

1回答

如何在Webflow中让Leaflet.markercluster与内容管理系统协同工作

javascript、leaflet、leaflet.markercluster

我从Webflow上的forresto找到了与Webflow CMS集成的Leaflet脚本。链接：有谁能帮上忙吗？@1.3.4/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZf

浏览 0提问于2019-05-30得票数 0

1回答

如何设置默认元素位置AnimeJs/ S考魔术

javascript、css、scrollmagic、anime.js

因此，我想要实现的是，当用户在所选的div中滚动时，SVG元素将滑入视口。这种效果部分起作用，因为在初始加载时，它没有像我在CSS中定义的那样定位元素，在本例中：right: -150px将其隐藏在视图端口之外，但它立即将其设置为在AnimeJS时间线中分配的值。如果您慢慢滚动，您将看到right: 0位置中的元素，这是最后的位置，当它触发时，它将元素推送到-150并启动正确的动画。在触发实际动画之前，是否有任何方法

浏览 5提问于2021-03-01得票数 0

回答已采纳

5回答

是否有可靠的方法将内容定位到div的两侧，并且只有在用户的分辨率允许的情况下才能显示？

html、css

我有这样的标记(为了争论)<div id="layout"></div>然后我使用这个CSS #我唯一的选择是有一个大背景图像，也就是说1200 to宽，我的重复设计在左和右。但如果我能让这件事起作用的话，这似乎很麻烦。因此，我的问题是，是否有一种方法可

浏览 4提问于2009-05-28得票数 4

回答已采纳

2回答

在传单中上下切换层(更复杂的场景)

javascript、jquery、toggle、leaflet、geojson

我正在使用jQuery的getJSON方法加载我在QGIS中创建的外部行数据。var map=L.map('map').setView([41.9698, -87.6859], 12); var basemap = L.tileLayer('http://a.tile.stamen.c

浏览 7提问于2015-11-18得票数 4

回答已采纳

4回答

在Leaflet中获取当前地图边界内的标记/图层列表

javascript、leaflet

这有点类似于问的问题-- 我正在为一个地图应用程序编写一个搜索框，它从服务器上一次检索整个搜索结果集(人名和信息)，然后在结果列表中翻页。因此，在地图上的任何给定点都有两种标记--背景标记用于搜索结果中但不在当前页面中的点，前景标记用于搜索结果的当前页面中的点。所有这些都运行得很好..我现在想做的是对其进行设置，以便当用户缩放或平移地图时，搜索结果列表将更新为仅显示当前地图范围内的标记。显然，有服务器端的方法可以做到这一点，或者我也可以只运行整个标记列表，看看哪些符合当

浏览 2提问于2014-02-28得票数 20

1回答

在小叶地图中，加载大型JavaScript文件时不显示弹出窗口(创建为L.Handler

javascript、html、leaflet

我有一些使用图层显示的数据。我想在鼠标悬停时在弹出窗口中动态显示这些数据。弹出窗口将显示在鼠标指针旁边。弹出窗口将跟随光标，并将相对于鼠标指针的位置动态显示图层数据。问题是：一般来说，它工作得很好，但当我加载大量的af数据时，弹出窗口不会出现。但是，如果用户将鼠标指针移动到视口之外，然后再次在视口内移动鼠标指针，则会显示弹出窗口。//code.jquery.com/jquery-3.5.1.min.js"&g

浏览 19提问于2021-01-30得票数 0

回答已采纳

1回答

在Crafty JS中居中显示图像/实体

javascript、html、canvas、craftyjs

我的页面上运行着一个Crafty实例，320x480。我在试着开发一个小游戏的菜单。在菜单场景的背景中，我想要一个旋转的风车类型效果。现在，旋转不是太大的问题，我已经在游戏中有tweens，让东西无休止地移动。但我无论如何也不能把风车放在画布中央。.origin('center') Crafty.enterScene("game");})；这是我这里<e

浏览 8提问于2015-09-22得票数 0

2回答

如何在HTML/CSS中有可选的分割屏幕布局？

javascript、html、css、flexbox

我有一个面板，可以是任意长度的瓷砖，包括滚动到视口的下界，因此垂直滚动目前正在使用。因此，我需要一个外部容器，总是100%的屏幕高度，没有滚动。在此范围内，我想要一个可滚动的<

浏览 4提问于2020-12-11得票数 0

回答已采纳

1回答

带有嵌套SVG和梯度的不一致行为

svg

我试图在我正在开发的应用程序中使用渐变，但我遇到了一个问题。我特别使用userSpaceOnUse，因为我希望它能够均匀地应用到SVG中。但是，当我嵌套SVG时，梯度不再均匀地应用。如果您检查我添加的代码段，您可以看到这个操作。能解决这个问题吗？使用我添加的示例，我希望嵌套的SVG完全匹配它后面的rect。

浏览 4提问于2022-03-04得票数 0

回答已采纳

2回答

对于浏览器来说，svg图像比位图更难渲染吗？

html、css、svg、google-chrome-devtools、webpage-rendering

所以我正在制作这个水平滚动站点，它有大量的图像。我计划在整个站点上使用svgs，但是页面中只使用了20-30张复杂程度中等到高的svg图像，而chrome似乎已经显示出滚动的som和高画笔时间( firefox甚至更糟，尽管safari似乎做得更好)滚动时间线 (滚动只在mac上工作，windows用户可以使用箭头键) 我的问题是，如果我用pngs而不是svgs，会不会减少油漆的次数，从而减少喷漆的次数？

浏览 1提问于2015-11-04得票数 3

2回答

在屏幕外翻译元素的最佳方法？

html、css、css-animations、css-transforms

我使用CSS3转换已经有一段时间了，但是有一件事有点小问题，那就是百分比与要移动的元素有关，而不是与父元素相关。这是有道理的，但它带来了一些情况，我不确定最好的解决办法。我已经把它压缩到我脑海中的选择是： 1)将元素放入屏幕大小的容器中，然后100%地翻译容器。2)使用translateZ、will-change或translate3d将元素提升到自己的GPU层，然后应用适当的左/右属性。3)使用getBoundingClientRect确定元素与视<

浏览 1提问于2014-10-17得票数 3

回答已采纳

点击加载更多