Closed star-hamster closed 2 years ago
在按钮中更改定位和地图比例,第一次点击按钮时会变成设定的比例,第二次点击按钮地图比例就会变成其他的比例
import ReactDOM from 'react-dom'; import { useState } from 'react'; import { Map, APILoader } from '@uiw/react-baidu-map'; const Demo = () => { const [center, setCenter] = useState({ lng: 116.403414, lat: 39.924081 }); const [zoom, setZoom] = useState(15) return ( <div style={{ width: '100%', height: '300px' }}> {zoom} <button onClick={() => {setZoom(12);setCenter({ lng: 116.403414, lat: 39.924081 })}}>北京</button> <button onClick={() => {setZoom(17);setCenter({ lng: 121.478959, lat: 31.237164 })}}>上海</button> <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f"> <Map zoom={zoom} center={center}/> </APILoader> </div> ); } ReactDOM.render(<Demo />, _mount_);
@didiboji 你可以定位之后重新设置比例,比例是地图SDK内部操作,组件并没有做什么的样子
在按钮中更改定位和地图比例,第一次点击按钮时会变成设定的比例,第二次点击按钮地图比例就会变成其他的比例