如何从react-google-maps的InfoWindow中删除“关闭”按钮？

Question

Havent能够弄清楚如何做到这一点，是否有一种以CSS为目标的方法，或者它是lib中的一个选项？

Answer 1

每official documentation：

  

InfoWindow类不提供自定义。

即使可以证明覆盖Google Maps API CSS 隐藏关闭按钮，例如here，建议的方法还是创建完全自定义的弹出，如果是react-google-maps库，OverlayView component就是一个很好的选择：

import React from "react";
import { OverlayView } from "react-google-maps";

const getPixelPositionOffset = pixelOffset => (width, height) => ({
  x: -(width / 2) + pixelOffset.x,
  y: -(height / 2) + pixelOffset.y
});

const Popup = props => {
  return (
    <OverlayView
      position={props.anchorPosition}
      mapPaneName={OverlayView.OVERLAY_MOUSE_TARGET}
      getPixelPositionOffset={getPixelPositionOffset(props.markerPixelOffset)}
    >
      <div className="popup-tip-anchor">
        <div className="popup-bubble-anchor">
          <div className="popup-bubble-content"><h1>{props.content}</h1></div>
        </div>
      </div>
    </OverlayView>
  );
};

Demo