react,typescriptを使っています。
google-map-reacrを使いピンをした場所の名前を取得したいです。
ピンした場所の緯度と経度は取得できたのですが場所の名前が取得できず困っています。
ご教授おねがしいたいです。
下記の記事を参考にして実装しました。
zenn.dev/tiwu_dev/articles/2df43542918961
const [map, setMap] = useState(null); const [maps, setMaps] = useState(null); const [marker, setMarker] = useState(null); const defaultLatLng = { lat: 35.68944, lng: 139.69167, }; const handleApiLoaded = (object) => { setMap(object.map); setMaps(object.maps); }; const setLatLng = ({ lat, lng }) => { if (marker) { marker.setMap(null); } const latLng = { lat, lng, }; setMarker( new maps.Marker({ map, position: latLng, }), ); map.panTo(latLng); }; return ( <div className="flex justify-center"> <div style={{ height: '300px', width: '300px' }}> <GoogleMapReact bootstrapURLKeys={{ key: process.env.MAP }} defaultCenter={defaultLatLng} defaultZoom={10} onClick={setLatLng} onGoogleApiLoaded={handleApiLoaded} /> </div> </div>
あなたの回答
tips
プレビュー