Google mapの情報ウインドウのCloseボタンをカスタマイズする

harada 21views 更新:2016年4月25日

CSSに以下を加えます

.gm-style-iw  + div img {
display: none;
}
.gm-style-iw  + div &:after {
content: '×';
font-size: 20px;
}

JavaScriptはカスタマイズによって書き方が異なりますので、適宜変更して下さい。

iwCloseBtn.css({
            opacity: '1',
            left: '267px',
            top: '20px',
            border: '0px solid transparent',
            'border-radius': '30px',
            'padding': '0 8px',
            'width': '27px',
            'height': '27px',
            'background': '#FFF',
            'box-shadow': 'none'
});

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません