- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
最佳答案
有多种方法可以实现此目的,具体取决于您的具体需求。
最简单的方法是计算整个多边形的质心。很多地理空间软件都可以计算多边形、多外环多边形等的质心。
如果您使用的是 Leaflet 和 GeoJSON,我个人的选择是使用 Turf.js用于地理处理,例如:
var poly1 = {
type: 'Feature',
geometry: {
type: 'Polygon',
coordinates: [[[10, 10], [10, 20], [20, 15]]]
}
};
var poly2 = {
type: 'Feature',
geometry: {
type: 'Polygon',
coordinates: [[[10, 45], [20, 40], [20, 50]]]
}
};
var featCollection = {
type: 'FeatureCollection',
features: [poly1, poly2]
}
L.geoJSON(featCollection).addTo(map)
// Magic happens here:
var centroid = turf.centroid(featCollection);
L.geoJSON(centroid).addTo(map);
您可以将其视为 working example .
现在,质心是多边形的密度中心。如果你还记得高中几何,你就会记得有 lots of centers for something as simple as a triangle ,每个都有自己的属性。
这对于更复杂的多边形来说是正确的:some times you don't want the centroid 。如果考虑测地线(即地球不是二维平面的事实),事情就会变得……更加复杂。
因此,根据您想要做什么,您可能需要一个更详细的解决方案,以便找到的不是质心,而是一个最小化到任何多边形的距离的点(理解为到任何多边形的最小距离)该多边形的顶点)。
关于leaflet - 确定传单中多个多边形的中心点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40607603/
如何让div的中心点作为旋转的中心点。 我遇到了 this虽然我正在做一些研究,但我似乎无法将其融入我的研究。 这就是帖子所建议的。但不起作用。$(area).css('-webkit-transfo
您好,我正在做一个应用程序,在我的应用程序中有一个 map 页面,所以我实现了 Google Maps V2,我遇到了一个问题,当我滚动 map 时,我想获得 map 的中心点,如果我滚动 map ,
我正在玩一个简单的 2d 游戏,我正在尝试从级别 1(场景一)切换到级别 2(场景二)。为了测试,两个级别包含相同的内容。这是我的转换代码: let transition = SKTransi
我有一个覆盖大部分屏幕区域的 map 的 View 。 在 map 的顶部,我有一些图像、按钮、文本框。它们位于 map 的顶部,我在这里称其为“无用 map ”,而底部则用于实际查看 map 。这是
给定一个纯白色背景上的对象,有人知道 OpenCV 是否提供了从捕获的帧中轻松检测对象的功能吗? 我正在尝试定位对象(矩形)的角点/中心点。我目前这样做的方式是通过蛮力(扫描对象的图像)并且不准确。我
我试图确保我的 map 中心点位于 kml 层的边界内,我无法找到很多相关信息,但我修改了来自 here 的一些代码。这似乎可行,但当然行不通。 从 Google Maps API 中,我无法判断 .
我试图在用户滚动 UIScrollView 时创建一个非常简单的视差效果。我在我的 ScrollView 上使用 scrollViewDidScroll 方法,一切正常。我可以记录该方法的所有内容,因
我正在使用 svg.js 和出色的 svg-pan-zoom 插件 ( https://github.com/ariutta/svg-pan-zoom )。 现在我想要一个按钮,当我单击它时,它会在我
我是一名优秀的程序员,十分优秀!