插入JavaScript会在GoogleMaps中显示错误

问题描述

我有两个json数组，我试图用它们在地图上生成标记。

我遇到了错误：

尝试的导入错误：未从“ ./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 (将#修改为@）