- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我有许多复杂的多边形,有些有 750 多个点。 有没有一种快速有效的方法来获取边界框?我不想遍历每个点并扩展边界框..
解决方案应该在javascript或者可能有一个我错过的 Google Maps API v3 函数。
或者我应该硬编码边界框的坐标并使用它们来减少客户端的负载吗?
如何制作多边形:
//Coordinates
var coordinates = [
new google.maps.LatLng(11,22),
new google.maps.LatLng(11,22),
new google.maps.LatLng(11,22),
//etc up to 200, 500 or even 800 points
]
//Options
var options = {
path: coordinates,
strokeColor: "#222",
strokeOpacity: 1,
strokeWeight: 2,
fillColor: "#000",
fillOpacity: 0,
zIndex: 0
}
//Create polygon
var polygon = new google.maps.Polygon( options );
//Show it on map
polygon.setMap( map );
我需要做功课,因为现场计算肯定被排除在外。我可能需要用困难的方式来做,但也许你们中的一些人知道一些方便的在线工具,可以根据插入的坐标计算边界框?
我需要尽可能简单的形状,因为我需要检查我的多边形是否在视口(viewport)中,这可能是 800 个点的噩梦,因为除了遍历所有点之外我不知道任何其他方法。
最佳答案
Polygon
在 Google Maps API v3 上没有方法 getBounds
。您可以手动实现它。但它包含fors。顺便一提。我已经实现了 getBounds 方法。它是一个硬编码版本。 demo 的链接.
更新
要获取多个多边形的单个边框,请使用 getBounds
方法的 union
方法。
var coordinates = [
new google.maps.LatLng(10,15),
new google.maps.LatLng(12,16),
new google.maps.LatLng(11,18),
new google.maps.LatLng(11,19),
new google.maps.LatLng(13,21),
new google.maps.LatLng(12,22),
new google.maps.LatLng(13,24),
new google.maps.LatLng(11,25),
new google.maps.LatLng(8,23),
new google.maps.LatLng(7,23),
new google.maps.LatLng(8,21),
new google.maps.LatLng(6,17),
new google.maps.LatLng(9,16)
]
var coordinates_1 = [
new google.maps.LatLng(15,28),
new google.maps.LatLng(16,30),
new google.maps.LatLng(17,30),
new google.maps.LatLng(16,31),
new google.maps.LatLng(16,32),
new google.maps.LatLng(14,29),
]
var options = {
path: coordinates,
strokeColor: "#222",
strokeOpacity: 1,
strokeWeight: 2,
fillColor: "#000",
fillOpacity: 0,
zIndex: 0,
map: map
}
var options_1 = {
path: coordinates_1,
strokeColor: "#222",
strokeOpacity: 1,
strokeWeight: 2,
fillColor: "#000",
fillOpacity: 0,
zIndex: 0
}
var polygon = new google.maps.Polygon(options);
var polygon_1 = new google.maps.Polygon(options_1);
if(!google.maps.Polygon.prototype.getBounds)
google.maps.Polygon.prototype.getBounds = function() {
var bounds = new google.maps.LatLngBounds();
var paths = this.getPaths();
for (var i = 0; i < paths.getLength(); i++) {
var path = paths.getAt(i);
for (var j = 0; j < path.getLength(); j++) {
bounds.extend(path.getAt(j));
}
}
return bounds;
}
var rectangle = new google.maps.Rectangle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
bounds: polygon.getBounds()
});
var rectangle_1 = new google.maps.Rectangle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
bounds: polygon_1.getBounds()
});
var rectangle_single = new google.maps.Rectangle({
strokeColor: '#FFC000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FFF000',
fillOpacity: 0.35,
map: map,
bounds: polygon.getBounds().union(polygon_1.getBounds())
});
关于javascript - 获取多边形的边界框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34834464/
我编写了一个应用程序,它有一个 UIViewController,它在纵向模式下显示另一个 UIViewController,在横向模式下显示不同的 UIViewController。 当我去风景时,
我想为 UISegmentedControl 提供以下方面: 注意灰色背景 View ,以及分段控件未选定项目的白色背景。 但是,如果我为 UISegmentedControl 提供白色背景,我会得到
我正在尝试为我的可排序项目创建边界。我看过这个问题/答案: jquery sortable keep within container Boundary 并尝试将我的 JS 以此为基础,但无论出于何种
我正在尝试编写执行以下操作的代码:如果我单击起始位置为 (100,100) 的字符串 C(JLabel),该字符串将在 JFrame 的边界内移动。代码本身并不难实现,但我遇到了问题为 JLabel
我有一个 .xib 文件,其中包含我想用来播放视频文件的 View 。该 View 具有配置其大小和位置的约束。现在我需要获取这些来配置我的视频播放器: let slide1: OnboardingS
我将从 Google map 转到 Apple map 。 Google map 能够根据东北和西南坐标更新相机,如下所示: let bounds = GMSCameraUpdate.fit(GMSC
这个问题在这里已经有了答案: Border over a bitmap with rounded corners in Android (6 个答案) 关闭 6 年前。 如何为我的图片添加圆角边框?
我有一个任务是使用java.awt.Graphics绘制一定数量的圆圈。 绘制圆圈相当简单,但我只应该在圆圈出现在可见区域内时绘制圆圈。我知道我可以调用方法 getClipBounds() 来确定绘图
我在设置过渡时遇到问题,目前它是从上到下(它是悬停时显示的边框)。我希望过渡从中间开始并传播到侧面,或者至少从任何一侧开始并传播到另一侧... 我的导航菜单 anchor 使用导航链接类! * {
我来自 Java,目前正在学习 C++。我正在使用 Stroustrup 的 Progamming Principles and Practice of Using C++。我现在正在使用 vecto
我有一个要展开的循环: for(int i = 0; i < N; i++) do_stuff_for(i); 展开: for(int i = 0; i < N; i += CHUNK) {
Scala 中是否有类似 View 绑定(bind)但可以匹配子类型的东西? 由于 Scala 中的 View 没有链接,我目前有以下内容: implicit def pimpIterable[A,
网站用户输入地址。 如果地址在边界内,则“合格”。如果地址超出边界,则“不合格”。 是否有现有的小部件或代码可以执行此操作?有人知道实现这一目标的第一步吗?感谢您的任何意见。 最佳答案 哇,反对票是怎
我有以下测试应用程序: import Codec.Crypto.AES import qualified Data.ByteString.Char8 as B key = B.pack "Thisis
我正在尝试添加一个 JButton,但它与进度条水平对齐。如何将 JButton 对齐到下面的线上? 另外,我试图将所有组件分组到不同的组中,但我不确定如何执行此操作。有谁知道吗? 最佳答案 要简单分
假设我们有一个像上面这样的相框。从中心开始,如何找到可用于绘制的面积最大的矩形(矩形中的所有像素必须为 rgb(255,255,255)? 我需要找到图中所示的A点和B点的x和y坐标。 我的方法之一是
这可能是一个愚蠢的问题,但当我创建一个类时,我应该如何正确设置其中属性的边界。 例子:如果我有这门课 class Product { private string name; publ
我正在从 leaflet 迁移回来,如果我需要 map 绑定(bind),我使用以下代码: var b = map.getBounds(); $scope.filtromapa.lat1 = b.ge
我正在学习如何创建自定义 UIView。我正在制作的这个特定 View 包含几个按钮。我注意到,当我从惰性实例化 block 中调用frame/height属性时,我得到的值是128,但是当我调用dr
我正在尝试制作一个弹跳球。设置的边界允许球在超出框架边界后从起点开始。我无法让球弹起来。一旦击中边界(框架的外边缘),如何让球弹起?我相信问题出在 moveBall() 方法中。 主类 导入 java
我是一名优秀的程序员,十分优秀!