如何从谷歌地图v3自定义绘图控件？

Question

我正在使用此代码让用户绘制圆圈或图像

drwxrwxr-x. 8 abdullah abdullah    4096 Sep 15 11:49 my_repo

问题是我需要设置这些按钮的样式，

我该怎么办？我看了here，但没有提到

我找到了this，但这为添加新按钮提供了参考，我想设置当前的按钮

Answer 1

       **You can add css styles for that particular button as below.** 
<style>
            div[title="Stop drawing"] {
                    content: url(https://cdn4.iconfinder.com/data/icons/whsr-january-flaticon-set/128/compass.png) !important;       
                    height: 28px;
                    width: 28px;
                    cursor: pointer;
                }

                div[title="Draw a circle"] {
                    content: url(http://www.pngmart.com/files/4/Moon-PNG-Transparent.png) !important;
                    height: 28px;
                    width: 28px;
                    cursor: pointer;
                }

                  div[title="Draw a rectangle"] {
                    content: url(https://www.shareicon.net/data/32x32/2015/07/04/64183_rectangle_256x256.png) !important;
                    height: 28px;
                    width: 28px;
                    cursor: pointer;
                }
</style>

Answer 2

我知道这是一个古老的问题，但是另一个方法可能是使用基于div包装器的选择器nth-child（），该包装器具有类'gmnoprint'。

div上的标题属性不可靠，因为它随语言而变化。

示例：

div.gmnoprint div:nth-child(1)  {     
  height: 48px;
  width: 48px;
  cursor: pointer;
}

div.gmnoprint div:nth-child(2) {
  height: 48px;
  width: 48px;
  cursor: pointer;
}

div.gmnoprint div:nth-child(3) {
  height: 48px;
  width: 48px;
  cursor: pointer;
}

Answer 3

需要在最新的谷歌地图 api 中使用按钮而不是 div。

button[title="Stop drawing"] { 
  display: none !important; 
}