如何从 react-google-maps/api 地图中删除模式？答案

【问题标题】：How to remove pattern from react-google-maps/api map?如何从 react-google-maps/api 地图中删除模式？
【发布时间】：2022-11-03 05:58:01
【问题描述】：

加载 react-google-maps/api 地图时遇到问题。它显示正确，但在放大或缩小时似乎出现了一种图案。这些形状似乎弄乱了整个地图的外观。

Map with white diamond like markers

我尝试更改一些设置并查看是否其他人有同样的问题。似乎其他人在网上没有遇到这个问题。任何帮助，将不胜感激。

这是我在代码中的一个片段。

<LoadScript
  googleMapsApiKey={ process.env.NEXT_GM_KEY }>
  
   <GoogleMap
     mapContainerClassName={styles.GoogleMap}
     options={{
       styles: mapStyle,
       streetViewControl: false,
       disableDefaultUI: false,
       }}
                        
     mapContainerStyle={containerStyle}
     center={center}
     zoom={10}
   >
   </GoogleMap>
 </LoadScript>

【问题讨论】：

标签： javascript reactjs next.js react-google-maps-api

【解决方案1】：

这些菱形看起来好像来自您编写的 CSS 代码。您在容器上的图像上放置边框半径。谷歌地图的工作方式是将各种图像拼接在一起。因此，请去掉为地图中包含的所有图像提供边框半径的 CSS。

感谢谷歌地图支持团队在这方面的帮助！

【讨论】：