|
@@ -19,7 +19,7 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
|
|
|
// useEffect(() => {
|
|
|
// getMapListData(selFloorId);
|
|
|
// }, [selFloorId]);
|
|
|
-
|
|
|
+ console.log('map-shuxin');
|
|
|
const [startPageX, setStartPageX] = useState<number>(0);
|
|
|
const [startPageY, setStartPageY] = useState<number>(0);
|
|
|
|
|
@@ -28,6 +28,7 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
|
|
|
const [mscale, setMscale] = useState<number>(1);
|
|
|
const [canMove, setCanMove] = useState<boolean>(false);
|
|
|
|
|
|
+ const [mapKey, setMapKey] = useState<number>(0);
|
|
|
// let mapWidth: number = 3000,
|
|
|
// mapHeight: number = 1200;
|
|
|
|
|
@@ -36,11 +37,11 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
|
|
|
//startPageY = event.pageY;
|
|
|
setStartPageX(event.pageX);
|
|
|
setStartPageY(event.pageY);
|
|
|
- console.log('mouseDownEvent', startPageX, event.pageY);
|
|
|
+ //console.log('mouseDownEvent', startPageX, event.pageY);
|
|
|
setCanMove(true);
|
|
|
};
|
|
|
const mouseUpEvent = (event: React.MouseEvent) => {
|
|
|
- console.log('mouseUpEvent', event);
|
|
|
+ //console.log('mouseUpEvent', event);
|
|
|
setCanMove(false);
|
|
|
};
|
|
|
const mouseMoveEvent = (event: React.MouseEvent) => {
|
|
@@ -49,7 +50,7 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
|
|
|
let nowPageY = event.pageY;
|
|
|
setTranslateX(translateX + nowPageX - startPageX);
|
|
|
setTranslateY(translateY + nowPageY - startPageY);
|
|
|
- console.log('mouseMoveEvent-xx', translateX, nowPageX, startPageX);
|
|
|
+ //console.log('mouseMoveEvent-xx', translateX, nowPageX, startPageX);
|
|
|
// console.log('mouseMoveEvent-yy', translateY, nowPageY, startPageY);
|
|
|
|
|
|
setStartPageX(event.pageX);
|
|
@@ -64,14 +65,15 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
|
|
|
};
|
|
|
const mapReduce = (event: React.MouseEvent) => {
|
|
|
event.stopPropagation();
|
|
|
- console.log('mapReduce', mscale);
|
|
|
+ //console.log('mapReduce', mscale);
|
|
|
if (mscale > 0.3) {
|
|
|
setMscale(mscale - 0.1);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
+ //实现搜索 搜索时 出现结果
|
|
|
useEffect(() => {
|
|
|
- console.log('searchText', searchText);
|
|
|
+ //console.log('searchText', searchText);
|
|
|
if (searchText && searchText.text) {
|
|
|
let left: any = 0,
|
|
|
top: any = 0;
|
|
@@ -86,6 +88,9 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
|
|
|
setTranslateY(top);
|
|
|
}
|
|
|
}, [searchText]);
|
|
|
+ useEffect(() => {
|
|
|
+ debugger;
|
|
|
+ }, [mapList]);
|
|
|
|
|
|
// useEffect(() => {// todo 要不要用呢
|
|
|
// document.querySelector('#root').addEventListener(
|