问题描述
我有一个带有几个属性的 json,我感兴趣的是每个对象的纬度和经度,然后用传单创建一个折线,json 是这样的:
{
"id": 201,"clientid": "cf1","description": "devices 4","latitude": -22.33085,"longitude": -68.8210916,},{
"id": 202,"clientid": "Cf2","description": "devices 5","latitude": -22.3309583,"longitude": -68.8212233,{
"id": 203,"clientid": "Cf3","description": "devices 6","latitude": -22.3343583,"longitude": -68.8252116,{
"id": 204,"clientid": "Cf4","description": "devices 7","latitude": -22.3358783,"longitude": -68.82457,{
"id": 201,"latitude": -22.341195,"longitude": -68.8270966,}
以下代码显示了我如何获取数据以及如何拥有组件
const getAllData = () => {
try {
getData()
.then(res => {
let data = res.body;
info = data;
console.log(info);
return info;
})
} catch (error) {
console.error(error);
}
}
const options = {
center: [-23.76875,-70.304484],zoom: 13,};
<Map data={options}>
{#each info as item }
<Maps
id={item.id}
clientid={item.clientid}
latitude={item.latitude}
longitude={item.longitude}
description={item.description}
/>
{/each}
</Map>
在我的地图组件中,我有以下逻辑,我必须在其中获取经度和纬度数组才能将其传递给折线组件并绘制线条,这是我不太明白该怎么做的地方
export let id;
export let clientid;
export let latitude;
export let longitude;
export let description;
const tileUrl = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
const tileLayerOptions = {
minZoom: 4,maxZoom: 22,maxNativeZoom: 19,}
let latLngs = [[latitude,longitude],[latitude,longitude]]
<TitleLayer url={tileUrl} options={tileLayerOptions}/>
<Market latLng={[ latitude,longitude]}>
<PopUp>
<p>
Description: {description}
</p>
</PopUp>
</Market>
<Polyline latLngs={[latLngs]}/>
解决方法
在传单中,Found 0 validated image filenames belonging to 0 classes.
等于 LatLngExpression
,因此在您的情况下,它给出 [lat,lng]