react-map-glのMarker

1.Markerをインポート

import { Marker } form ‘react-map-gl’;

2. 使い方

hoge(){

return data.map((element,i)=>{

const {info,coordinates} = element; //data情報を取得

return (

<Marker key={i}

longitude= {coordinates[0]}

latitude={coordinates[1]}

>

<div><span>{info}</span></div>

</Marker>

);

});

}