如何解决插入JavaScript会在GoogleMaps中显示错误
我遇到了错误:
尝试的导入错误:未从“ ./data/geoData.json”(导入为“ geoData”)中导出“查找”。
尝试在JS内的geoData数组中查找位置的zip时...
如前所述,console.log()
返回正确的值。
import React from 'react';
import { GoogleMap,withScriptjs,withGoogleMap,Marker} from 'react-google-maps';
import styles from 'styled-components';
import * as zips from "./data/zips.json";
import * as geoData from "./data/geoData.json";
function googleMap () {
return (
<GoogleMap
defaultZoom={5.0}
defaultCenter={{lat: 38.5,lng: -98.5556}}
>
{ zips['zipCodes'].map(zip => {
console.log(geoData.find(elm => elm.fields.zip === zip['Recipient_Postal_Code']).fields.latitude); // I get the number
console.log(typeof geoData);
console.log(typeof geoData[0].fields);
console.log(typeof geoData[0].fields.latitude);
<Marker
key = {zip['Shipment_Tracking_Number']}
position = {{
lat: geoData.find(elm => elm.fields.zip === zip['Recipient_Postal_Code']).fields.latitude,lng: geoData.find(elm => elm.fields.zip === zip['Recipient_Postal_Code']).fields.longitude
}} />
})}
</GoogleMap>
)
}
控制台输出:
34.197737 目的 目的 数字
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。