我有一个对应于矩形的字符串,如下所示:
((x1,y1),x2,y2))
我想将其转换为 LatLngBounds 对象,并通过以下方式绘制矩形:
myRectangle.setBounds(latLngBounds);
或者
myRectangle.setMap(map);
我有一个对应于矩形的字符串,如下所示:
((x1,y1),x2,y2))
我想将其转换为 LatLngBounds 对象,并通过以下方式绘制矩形:
myRectangle.setBounds(latLngBounds);
或者
myRectangle.setMap(map);
这是一种有趣的字符串格式。我敢打赌你少了一个括号,它看起来像这样:
((x1,y1),(x2,y2))
现在的问题是这些x1
等值代表什么。出于讨论的目的,我假设顺序是:
((s,w),(n,e))
如果顺序不正确,如何修复代码应该很明显。
解析它的一种简单方法是首先去掉所有括号,为了安全起见,我们将同时删除所有空格。然后你就剩下:
s,w,n,e
这很容易拆分成一个数组:
// Given a coordString in '((s,w),(n,e))' format,
// construct and return a LatLngBounds object
function boundsFromCoordString( coordString ) {
var c = coordString.replace( /[\s()]/g, '' ).split( ',' );
// c is [ 's', 'w', 'n', 'e' ] (with the actual numbers)
var sw = new google.maps.LatLng( +c[0], +c[1] ),
ne = new google.maps.LatLng( +c[2], +c[3] );
return new google.maps.LatLngBounds( sw, ne );
}
var testBounds = boundsFromCoorString( '((1.2,3.4),(5.6,7.8))' );
如果您不熟悉+
代码中的使用,例如+c[0]
,它将字符串转换为数字。这很像使用parseFloat()
.
我之前发布了一个更复杂的方法。我将把它留在这里,因为冗长的注释正则表达式可能很有趣:
var coordString = '((1.2,3.4),(5.6,7.8))';
var match = coordString
.replace( /\s/g, '' )
.match( /^\(\((.*),(.*)\),\((.*),(.*)\)\)$/ );
if( match ) {
var
s = +match[1],
w = +match[2],
n = +match[3],
e = +match[4],
sw = new google.maps.LatLng( s, w ),
ne = new google.maps.LatLng( n, e ),
bounds = new google.maps.LatLngBounds( sw, ne );
}
else {
// failed
}
调用中的那个正则表达式.match()
是一团糟,不是吗?当正则表达式采用这种单行格式时,它们并不是最易读的语言。为清楚起见,让我们将其分成多行,就像在 Python 或 Ruby 等语言中所做的那样:
.match( / Start regular expression
^ Beginning of string
\( Initial open paren
\( Open paren for the first pair
(.*) First number
, Comma inside the first pair
(.*) Second number
\) Close paren for the first pair
, Comma separating the two pairs
\( Open paren for the second pair
(.*) Third number
, Comma inside the second pair
(.*) Fourth number
\) Close paren for the second pair
\) Final close paren
$ End of string
/ ); End regular expression
如果字符串中没有空格,则可以省略此行:
.replace( /\s/g, '' )
这只是.match()
为了简单起见,在做之前删除空格。
您需要使用LatLng创建西南角和东北角。然后你只需将它们传递给LatLngBounds。文档非常详尽。