|
|
|
@ -1,9 +1,11 @@
|
|
|
|
|
import React, { Component, Suspense, Fragment } from 'react'; |
|
|
|
|
import ReactDOM from 'react-dom'; |
|
|
|
|
import { Container, Col, Row, Button, UncontrolledTooltip, |
|
|
|
|
import { |
|
|
|
|
Container, Col, Row, Button, UncontrolledTooltip, |
|
|
|
|
Card, |
|
|
|
|
CardBody, |
|
|
|
|
CardHeader } from 'reactstrap'; |
|
|
|
|
CardHeader |
|
|
|
|
} from 'reactstrap'; |
|
|
|
|
import './Map.css'; |
|
|
|
|
import './Popup.css'; |
|
|
|
|
import './CustomScroll.css'; |
|
|
|
@ -57,8 +59,10 @@ import DrawingTool from '../../components/DrawingTool';
|
|
|
|
|
import ImagePopup from '../../components/ImagePopup'; |
|
|
|
|
import ImageSlider from '../../components/ImageSlider'; |
|
|
|
|
import RoutingBar from '../../components/RoutingBar'; |
|
|
|
|
import { appConfig, setRequestMapHeader, layerStyleUrl, BMD_DENPASAR_MAPSERVICE_URL, IU_MAPSERVICE_URL, MAP_ID, emptyConstants, |
|
|
|
|
WMS_CAPABILITIES_URL_2 } from '../../const/MapConst.js'; |
|
|
|
|
import { |
|
|
|
|
appConfig, setRequestMapHeader, layerStyleUrl, BMD_DENPASAR_MAPSERVICE_URL, IU_MAPSERVICE_URL, MAP_ID, emptyConstants, |
|
|
|
|
WMS_CAPABILITIES_URL_2 |
|
|
|
|
} from '../../const/MapConst.js'; |
|
|
|
|
import { Icon } from '@iconify/react'; |
|
|
|
|
import imageOutline from '@iconify/icons-ion/image-outline'; |
|
|
|
|
import trashOutline from '@iconify/icons-ion/trash-outline'; |
|
|
|
@ -69,14 +73,14 @@ import createOutline from '@iconify/icons-ion/create-outline';
|
|
|
|
|
import contractIcon from '@iconify/icons-ion/contract'; |
|
|
|
|
import country_indonesia from '../../assets/json/indonesia.json'; |
|
|
|
|
import { test, getGeomType, updateMap, getLayerAttribute, getLayerColor, getRandomColor } from '../../const/GeoserverFunc.js'; |
|
|
|
|
import { API_UPDATE_MAP, API_LOAD_MAP, API_LAYER_SEARCH_LABEL, API_GET_CHART_KATEGORI, |
|
|
|
|
USERPROYEK_SEARCH, DASHBOARD_STATUS_SEARCH, DASHBOARD_PROYEK_SEARCH } from '../../const/ApiConst.js'; |
|
|
|
|
import { |
|
|
|
|
API_UPDATE_MAP, API_LOAD_MAP, API_LAYER_SEARCH_LABEL, API_GET_CHART_KATEGORI, |
|
|
|
|
USERPROYEK_SEARCH, DASHBOARD_STATUS_SEARCH, DASHBOARD_PROYEK_SEARCH |
|
|
|
|
} from '../../const/ApiConst.js'; |
|
|
|
|
import { getSalesRoutingApi, getSalesFeatures, getOfficeFeatures, getCustomerFeatures, getEmployeeFeatures, getEmployeeRoutingApi, getWaspangRoutingApi } from '../../const/GeohrApiFunc.js'; |
|
|
|
|
import { SALES_FEATURES_STYLE, CUSTOMER_FEATURES_STYLE, OFFICE_FEATURES_STYLE, ROUTE_MAP_STYLES, EMPLOYEE_FEATURES_STYLE, PROJECT_FEATURES_STYLE, WASPANG_FEATURES_STYLE } from '../../const/GeohrMapStyles.js'; |
|
|
|
|
import SweetAlert from 'react-bootstrap-sweetalert'; |
|
|
|
|
import moment from "moment"; |
|
|
|
|
import salesGeojson from '../../dummy_data/sales.geojson'; |
|
|
|
|
import routeDummy from '../../dummy_data/route2.json'; |
|
|
|
|
import { demografiTree, analisaTree } from '../../const/LayerTreeConst.js' |
|
|
|
|
import { ToastContainer, toast } from 'react-toastify'; |
|
|
|
|
import 'react-toastify/dist/ReactToastify.css'; |
|
|
|
@ -1674,13 +1678,7 @@ class SiopasMap extends Component {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
getRoute = () => { |
|
|
|
|
fetch(routeDummy).then((response) => { |
|
|
|
|
response.json().then((result) => { |
|
|
|
|
console.log('getRoute', result); |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
showRoute = (salesRoute) => { |
|
|
|
|
const { mapProjection } = this.state; |
|
|
|
@ -1798,7 +1796,8 @@ class SiopasMap extends Component {
|
|
|
|
|
queryBuilderOutput: '', |
|
|
|
|
queryBuilderType: '', |
|
|
|
|
currentQbTree: '', |
|
|
|
|
currentQbType:'' }, () => { |
|
|
|
|
currentQbType: '' |
|
|
|
|
}, () => { |
|
|
|
|
if (type === "Sales") { |
|
|
|
|
this.setLayer('checkedKeysSales'); |
|
|
|
|
} else if (type === "Customer") { |
|
|
|
|