Как отобразить результаты [0] .formatted_address в InfoWindow

Сейчас я создаю карту Google с реакцией, и у меня проблема с отображением результата из placeId. У меня есть такой код:

<Marker
    {...marker}
    key={i}
    position={marker.location}
    title={marker.title}
    icon={'icons/' + marker.type + '.png'}
    onClick={() => {
      props.toggleLocationsActive(i);
    }}
    //animation={DROP}
    >
    {i === props.activeKey && (
       geocodeByPlaceId(marker.place_id)
          .then(results => {
             const address = results[0].formatted_address;
             console.log(address);
          })
          .catch(error => console.error(error)),
       <InfoWindow onCloseClick={props.onToggleOpen}>
            <div>{ marker.title }</div>
       </InfoWindow>)}
   </Marker>

И я хочу, чтобы адрес, взятый из этого placeId, отображался в InfoWindow - с отображаемым {marker.title}. И я не знаю, как это сделать ... Вот ссылка на этот проект в репозитории GitHub: https://github.com/hajczek/Neighborhood---Warsaw-Cultural-Map Может быть, некоторые из вас знают, как решить эту проблему ... Спасибо за любой ответ :)


reactjs google-maps google-places react-google-maps
person Iwona Hajczewska    schedule 25.05.2018    source источник
comment
Я исправил эту проблему следующим образом: document.getElementById ('address'). TextContent = address;   -  person Iwona Hajczewska    schedule 25.05.2018

Ответы (1)


arrow_upward
0
arrow_downward

Я исправил эту проблему следующим образом:

document.getElementById('address').textContent = address;

Я поместил этот код в часть затем:

.then(results => {
     const address = results[0].formatted_address;
     console.log(address);
     document.getElementById('address').textContent = address;
})
person Iwona Hajczewska    schedule 25.05.2018