Получить координаты по названию объектов в React Components

Question

подскажите, имеется пустой state массив для установки в него координат, имеется массив с названием объектов, адресов. Пытаюсь получить координаты и далее вывести их на карту, но что то не выходит, где ошибка:

 const geoplace = [
   'Москва','Сочи','Самара'
]
export class Mappy extends Component{

    constructor(props){
        super(props)
        this.state = {
            coordinates:[]
        }
    }


    geocode (ymaps) {
        geoplace.map((geo,index)=>{
            const temp = ymaps.geocode(geo)
            temp.then(result=>this.setState({coordinates:result.GeoObject.get(0).geometry.getCoordinates()}))
        })

    }

     render(){

        return(

            <div>

            <YMaps>      
                <Map defaultState={mapState} onLoad={ymaps => this.geocode(ymaps)} modules={['geocode']}>

                {this.state.coordinates?
                    this.state.coordinates.map((coord,index)=><Placemark key = {index} geometry{coord}/>)
                 :null
                } 

                </Map>          
            </YMaps>

     </div>

        )
    }

Answer 1

onMapClick(event) {
        this.setState({coords: event.get("coords")});
        console.log(this.state.coords)
    }

БЛОГ НА HUSL

Получить координаты по названию объектов в React Components

Ответы (1 шт):