我有一个这样的对象数组
polyPaths: LatLngLiteral[] = [{lat: 12.994169219614097, lng: 77.62397007054658}
{lat: 12.984802167360343, lng: 77.67581180638642}
{lat: 12.957702635784846, lng: 77.65864566869111}
{lat: 12.974765648082716, lng: 77.61538700169892}];
我想将此对象数组显示为字符串 textarea
(12.994169219614097,77.62397007054658)
(12.984802167360343,77.67581180638642)
(12.957702635784846,77.65864566869111)
(12.974765648082716,77.61538700169892)
更改文字输入后,我希望字符串恢复为的对象数组polyPaths
。
我尝试了以下js示例:
let stringPath = this.polyPaths.map(path => {
return '(' + path.lat + ',' + path.lng + ')';
});
var convertedPath = stringPath.join('');
this.polyControls.area.setValue(convertedPath);
但是无法在输入更改后将其还原。
尝试以下操作,这是基本的字符串/数组操作
const polyPaths = [{
lat: 12.994169219614097,
lng: 77.62397007054658
}, {
lat: 12.984802167360343,
lng: 77.67581180638642
}, {
lat: 12.957702635784846,
lng: 77.65864566869111
}, {
lat: 12.974765648082716,
lng: 77.61538700169892
}]
// converting it to a string
const convertedPath = polyPaths.map(path => `(${path.lat},${path.lng})`).join('\n');
console.log(convertedPath)
// reversing it back
const reversed = convertedPath.split('\n').map(x => {
const [lat, lng] = x.slice(1, x.length - 1).split(",").map(Number)
return {
lat,
lng
}
})
console.log(reversed)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句