Создавайте маркеры на Google-картах, перетаскивайте координаты местоположения из API на карту - PullRequest
Новая
       22

Создавайте маркеры на Google-картах, перетаскивайте координаты местоположения из API на карту

0 голосов
/ 10 июля 2019

Я использую карты Google реагировать.

Я пытаюсь получить данные о широте и долготе из моего API в Google Maps в качестве маркеров.

Получение ошибки «Ошибка типа: markers.map не является функцией»

здесь приведен фрагмент кода - 

  const [markers,setmarkers] = useState([]);

  const GetCoordinates = (info) => {
       setmarkers(info);} 

  function GetMaps(props){
     const AnyComponent = ({text}) => <div>{text}</div>
     defaultmarkers = {center:{lat: xxxx, lng: xxxx}, zoom: 10}
   }

   return (<div style={{height:'100vh', width:'100vw' }}>
     <GoogleMapReact
       bootstrapURLKeys = xxxxxx
       defaultcenter= {defaultmarkers.center}
       defaultZoom= {defaultmarkers.zoom}>

       <AnyComponent>
          <ul>
           {markers.map(x => (   //////getting error on this line
            <li key={x.id}>
               lat={x.lat}  // pull from API data
               lng={x.lng} // pull info from API
               text={x.title}
              </li>))}</ul>
       </AnyComponent><GoogleMapReact>

       <GetMaps /> // function called in return tag

Получение ошибки »Ошибка типа: markers.map не является функцией "

...