google-maps - 是否可以将谷歌地图显示为圆形？

Question

我有一个正在编码的设计，在联系页面上，地图是一个圆圈。他们希望使用谷歌地图。

有什么办法可以做到这一点？

注意：希望它成为谷歌地图的主要原因是为了 SEO——它真的有助于排名还是使用图像安全？

谢谢

Answer 1

它非常简单......您可以创建圆形 div...

这是代码...

CSS：

#yourDivId {
      width: 100px;
      height: 100px;
      border-radius: 999px;
      -moz-border-radius: 999px;
      -khtml-border-radius: 999px;
      -webkit-border-radius: 999px;
}

Javascript：

var map = new google.Maps.Map(document.getElementById("yourDivId"),mapOptions);