|
@@ -29,6 +29,9 @@ const Map: React.FC<MapProps> = ({ type, selFloorId, render, mapList, mapSize })
|
|
|
const [translateX, setTranslateX] = useState<number>(0);
|
|
|
const [translateY, setTranslateY] = useState<number>(0);
|
|
|
const [mscale, setMscale] = useState<number>(1);
|
|
|
+ //最大的缩放比例
|
|
|
+ const [maxscale, setMaxscale] = useState<number>(1.6);
|
|
|
+ const [minscale, setMinscale] = useState<number>(0.3);
|
|
|
const [canMove, setCanMove] = useState<boolean>(false);
|
|
|
|
|
|
const [mapKey, setMapKey] = useState<number>(0);
|
|
@@ -58,10 +61,7 @@ const Map: React.FC<MapProps> = ({ type, selFloorId, render, mapList, mapSize })
|
|
|
setStartPageY(event.pageY);
|
|
|
}
|
|
|
};
|
|
|
- //最大的缩放比例
|
|
|
- const maxscale = 1.6;
|
|
|
- //最小的缩放比例
|
|
|
- const minscale = 0.3;
|
|
|
+
|
|
|
const mapZoom = (event: React.MouseEvent) => {
|
|
|
event.stopPropagation();
|
|
|
if (mscale < maxscale) {
|
|
@@ -79,6 +79,9 @@ const Map: React.FC<MapProps> = ({ type, selFloorId, render, mapList, mapSize })
|
|
|
useEffect(() => {
|
|
|
var scale = fixWidth / mapSize.width;
|
|
|
setMscale(scale);
|
|
|
+ if (scale < 0.3) {
|
|
|
+ setMinscale(scale);
|
|
|
+ }
|
|
|
}, [mapSize]);
|
|
|
|
|
|
//当地图发生改变时 的搜索
|