从xml创建多边形坐标数组
Create array of polygon coordinates from the xml
我在XML文件中有多边形坐标,可以在谷歌地图上显示多边形形状,我只想从XML中获取它们,需要创建如下数组。
var triangleCoords = [
new google.maps.LatLng(51.055221725218054, -3.1630325317382812),
new google.maps.LatLng(51.010961025187314, -3.1359100341796875),
new google.maps.LatLng(51.043135193868025, -3.063812255859375)
];
谢谢你的回复。这是下面的代码,它不显示多边形。
var bermudaTriangle;
var points = "(51.055221725218054, -3.1630325317382812),(51.010961025187314, -3.1359100341796875),(51.043135193868025, -3.063812255859375)";
points = points.substr(1, points.length - 2).split("),(");
var triangleCoords = points.map(function (pointString) {
var latlon = pointString.split(", ");
return { lat: latlon[0], lon: latlon[1] };
});
// Construct the polygon
bermudaTriangle = new google.maps.Polygon({
paths: JSON.stringify(triangleCoords),
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35
});
bermudaTriangle.setMap(map);
});
XML代码获取坐标。
$(xml).find('Location').each(function () {
var points= $(this).find('Coodinates').text();
//在这里,我将成功地获得积分,但需要创建如上所述的阵列(51.055221725218054,-31630325317382812),(51.010961025187314,-31.359100341796875),(5.1043135193868025,-30.663812255859375)
}
如果我对你的帖子的理解是正确的,这是:
var points= $(this).find('Coodinates').text();
生成以下字符串:
"(51.055221725218054, -3.1630325317382812),(51.010961025187314, -3.1359100341796875),(51.043135193868025, -3.063812255859375)"
你可以用这样的脚本将其转换为一个数组谷歌地图LatLon值:
var points = points.substr(1, points.length-2).split("),(");
var triangleCoords = points.map(function(pointString){
var latlon = pointString.split(", ");
return new google.maps.LatLng(latlon[0], latlon[1]);
});
第一行去掉括号,将字符串拆分为一个数组,每个条目包含一个点的数据。之后的数组映射函数将每个字符串元素转换为LatLng,并将其添加到结果数组中。
我在这里举了一个例子,用一个匿名对象替换谷歌地图LatLng:http://jsfiddle.net/Jsv3x/
相关文章:
- 如何创建一个谷歌地图地理坐标数组
- 断言错误:断言失败:坐标数组的长度应与步幅匹配
- Javascript 地理位置:将坐标存储在数组中
- 将地理位置坐标放入数组中
- 检查鼠标光标是否在带坐标的数组范围内
- 如何在谷歌地图API中使用坐标数组绘制多边形
- 每个表的2D数组获取坐标JTSL,JAVASCRIPT
- 根据折线坐标数组创建高程剖面图
- 使用地理编码返回陆基坐标数组时出现问题
- Javascript - 字符串到坐标数组
- 将图像像素数据转换为坐标数组
- 从xml创建多边形坐标数组
- 如何循环遍历坐标数组
- 在javascript中搜索精确匹配的多维坐标数组
- 如何获得坐标数组的最大/最小边界
- 使用Javascript有效地从坐标数组中获得距离最短的一对坐标
- 在Google Maps API V3中使用LatLng坐标数组绘制折线
- 如何循环遍历坐标数组来为layerGroup创建地图标记
- 在坐标数组上循环并计算距离javascript
- 在JavaScript中创建坐标数组