在react-google-maps中通过道具居中和缩放？

在react-google-maps中，可以通过使用道具（props）来实现地图的居中和缩放。

要实现地图的居中，可以使用center属性来指定地图的中心坐标。center属性接受一个包含lat和lng属性的对象，分别表示纬度和经度。例如，可以将center属性设置为{ lat: 39.9075, lng: 116.3972 }来将地图居中于北京市中心。

要实现地图的缩放，可以使用zoom属性来指定地图的缩放级别。zoom属性接受一个整数值，表示地图的缩放级别。较大的值表示更高的缩放级别。例如，可以将zoom属性设置为10来放大地图。

以下是一个示例代码，展示了如何在react-google-maps中通过道具居中和缩放地图：

import React from 'react';
import { GoogleMap, withGoogleMap, withScriptjs } from 'react-google-maps';

const Map = withScriptjs(
  withGoogleMap(props => (
    <GoogleMap
      defaultZoom={props.zoom}
      defaultCenter={props.center}
    />
  ))
);

const App = () => {
  const center = { lat: 39.9075, lng: 116.3972 };
  const zoom = 10;

  return (
    <div style={{ width: '100%', height: '400px' }}>
      <Map
        googleMapURL={`https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY`}
        loadingElement={<div style={{ height: '100%' }} />}
        containerElement={<div style={{ height: '100%' }} />}
        mapElement={<div style={{ height: '100%' }} />}
        center={center}
        zoom={zoom}
      />
    </div>
  );
};

export default App;

在上述代码中，center和zoom分别表示地图的中心和缩放级别。通过将它们作为道具传递给Map组件，可以实现地图的居中和缩放。

请注意，上述代码中的YOUR_API_KEY应替换为您自己的Google Maps API密钥。另外，还需要安装react-google-maps和google-maps-react库来使用withGoogleMap和withScriptjs高阶组件。

推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/tianditu）