uiwjs / react-baidu-map

基于 React 封装的百度地图组件,支持 React Hook,帮助你轻松的接入地图到 React 项目中。
https://uiwjs.github.io/react-baidu-map
MIT License
222 stars 22 forks source link

[map]zoom没有变化时,地图比例会改变 #259

Closed star-hamster closed 2 years ago

star-hamster commented 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_);
jaywcjlove commented 2 years ago

@didiboji 你可以定位之后重新设置比例,比例是地图SDK内部操作,组件并没有做什么的样子