김장현 12 months ago
parent
commit
a4df53fe58
  1. 2
      src/containers/laanc/LaancContainer.js
  2. 26
      src/views/laanc/FlightArea.js
  3. 1
      src/views/laanc/LaacnStep3.js
  4. 2
      src/views/laanc/LaancStep1.js

2
src/containers/laanc/LaancContainer.js

@ -57,7 +57,7 @@ export default function LaancContainer() {
useEffect(() => { useEffect(() => {
// URL 쿼리 파라미터 중 'map' 값을 가져옵니다. // URL 쿼리 파라미터 중 'map' 값을 가져옵니다.
setDisabledAnimation(mapParam); setDisabledAnimation(mapParam != 'true' ? false : true);
}, [location]); }, [location]);
useEffect(() => { useEffect(() => {

26
src/views/laanc/FlightArea.js

@ -38,6 +38,12 @@ export default function FlightArea({
handleChange, handleChange,
data data
}) { }) {
// 주소 임시 가져오기
<script
type='text/javascript'
src='https://oapi.map.naver.com/openapi/v3/maps.js?ncpClientId=WGEct3bJhQC0pyMsP_GK&submodules=geocoder'
></script>;
const dispatch = useDispatch(); const dispatch = useDispatch();
const { areaCoordList } = useSelector(state => state.flightState); const { areaCoordList } = useSelector(state => state.flightState);
const mapControl = useSelector(state => state.controlMapReducer); const mapControl = useSelector(state => state.controlMapReducer);
@ -327,7 +333,6 @@ export default function FlightArea({
mapObject.setPaintProperty('waypoint', 'circle-radius', 10); mapObject.setPaintProperty('waypoint', 'circle-radius', 10);
mapObject.getSource('preview').setData(previewGeo); mapObject.getSource('preview').setData(previewGeo);
} }
console.log('>>>', paths);
const coordValue = []; const coordValue = [];
const coord = paths?.map(coords => { const coord = paths?.map(coords => {
@ -337,6 +342,25 @@ export default function FlightArea({
}); });
}); });
if (page === 1) { if (page === 1) {
naver.maps.Service.reverseGeocode(
{
coords: new naver.maps.LatLng(coordValue[0].lat, coordValue[0].lon)
},
function (status, response) {
if (status !== naver.maps.Service.Status.OK) {
// return alert('Something wrong!');
}
var result = response.v2, // 검색 결과의 컨테이너
items = result.results, // 검색 결과의 배열
address = result.address; // 검색 결과로 만든 주소
handleChange({
type: 'plan',
name: 'addr',
value: address.jibunAddress
});
}
);
handleChange({ handleChange({
type: 'coord', type: 'coord',
name: 'latlon', name: 'latlon',

1
src/views/laanc/LaacnStep3.js

@ -164,6 +164,7 @@ export default function LaacnStep3({
bsSize='sm' bsSize='sm'
placeholder='' placeholder=''
disabled disabled
value={data.addr}
/> />
</FormGroup> </FormGroup>
</Col> </Col>

2
src/views/laanc/LaancStep1.js

@ -55,7 +55,7 @@ export default function LaancStep1({
useEffect(() => { useEffect(() => {
// URL 쿼리 파라미터 중 'map' 값을 가져옵니다. // URL 쿼리 파라미터 중 'map' 값을 가져옵니다.
if (!currentParm) setCenteredModal(mapParam); if (!currentParm) setCenteredModal(mapParam != 'true' ? false : true);
}, [location]); }, [location]);
const handleInputClick = type => { const handleInputClick = type => {

Loading…
Cancel
Save