Browse Source

롤백

pull/2/head
junh_eee(이준희) 10 months ago
parent
commit
9407464aba
  1. 1
      package.json
  2. 138
      src/components/laanc/map/LaancAreaMap.js

1
package.json

@ -113,7 +113,6 @@
"styled-components": "5.1.1", "styled-components": "5.1.1",
"sweetalert2": "10.14.0", "sweetalert2": "10.14.0",
"sweetalert2-react-content": "3.0.1", "sweetalert2-react-content": "3.0.1",
"swiper": "^6.0.4",
"three": "0.124.0", "three": "0.124.0",
"threebox-plugin": "2.2.7", "threebox-plugin": "2.2.7",
"typesafe-actions": "^5.1.0", "typesafe-actions": "^5.1.0",

138
src/components/laanc/map/LaancAreaMap.js

@ -3,7 +3,6 @@ import mapboxgl from 'mapbox-gl';
import threebox from 'threebox-plugin'; import threebox from 'threebox-plugin';
import MapboxLanguage from '@mapbox/mapbox-gl-language'; import MapboxLanguage from '@mapbox/mapbox-gl-language';
import { MAPBOX_TOKEN } from '../../../configs/constants'; import { MAPBOX_TOKEN } from '../../../configs/constants';
import { Swiper, SwiperSlide } from 'swiper/react';
import { useEffect, useMemo, useState } from 'react'; import { useEffect, useMemo, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { Card, CardBody } from 'reactstrap'; import { Card, CardBody } from 'reactstrap';
@ -327,126 +326,29 @@ export default function LaancAreaMap({
<CardBody> <CardBody>
<div style={{ position: 'relative' }}> <div style={{ position: 'relative' }}>
<LaancMapSearch mapObject={mapObject} /> <LaancMapSearch mapObject={mapObject} />
<div className='d-flex coords-wrap'> {/* <div className='d-flex coords-wrap'>
<Swiper direction='horizontal' loop={false} grabCursor={true}> <div className='coords-box'>
<SwiperSlide <div>
// style={{ <h6 className='ti'>비행구역 1</h6>
// display: 'inline-block', <div className='coords-box-scroll'>
// verticalAlign: 'top', <div className='coords-box-list'>
// marginRight: '10px' <span>
// }} <span>126.6058737, 37.5220027</span>
> <span className='etc'>/</span>
<div className='coords-box'> <span>126.6058093, 37.5188038</span>
<div> </span>
<h6 className='ti'>비행구역 1</h6>
<div className='coords-box-scroll'>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
</div>
</div> </div>
</div> <div className='coords-box-list'>
</SwiperSlide> <span>
<SwiperSlide <span>126.6058737, 37.5220027</span>
// style={{ <span className='etc'>/</span>
// display: 'inline-block', <span>126.6058093, 37.5188038</span>
// verticalAlign: 'top', </span>
// marginRight: '10px'
// }}
>
<div className='coords-box'>
<div>
<h6 className='ti'>비행구역 1</h6>
<div className='coords-box-scroll'>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
</div>
</div> </div>
</div> </div>
</SwiperSlide> </div>
<SwiperSlide </div>
// style={{ </div> */}
// display: 'inline-block',
// verticalAlign: 'top',
// marginRight: '10px'
// }}
>
<div className='coords-box'>
<div>
<h6 className='ti'>비행구역 1</h6>
<div className='coords-box-scroll'>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
</div>
</div>
</div>
</SwiperSlide>
<SwiperSlide
// style={{
// display: 'inline-block',
// verticalAlign: 'top',
// marginRight: '10px'
// }}
>
<div className='coords-box'>
<div>
<h6 className='ti'>비행구역 1</h6>
<div className='coords-box-scroll'>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>126.6058737, 37.5220027</span>
<span className='etc'>/</span>
<span>126.6058093, 37.5188038</span>
</span>
</div>
</div>
</div>
</div>
</SwiperSlide>
</Swiper>
</div>
<div className='d-flex coords-wrap'> <div className='d-flex coords-wrap'>
{viewCoordObj?.map((obj, i) => { {viewCoordObj?.map((obj, i) => {

Loading…
Cancel
Save