読者です 読者をやめる 読者になる 読者になる

読み書きプログラミング

日常のプログラミングで気づいたことを綴っています

StreetViewの閉ボタンを大きくするハッキング

Google Maps API

Google MapsのStreet Viewの閉ボタン、スマートフォンタブレットでは小さくて押しにくいです。

.large-icon {
    -webkit-transform-origin: right top;
    -webkit-transform: scale(2)
}
options = ...
map = new google.maps.Map options

google.maps.event.addListener map.getStreetView(), 'visible_changed', ->
    if @getVisible()
        setTimeout (->
            $rightTop = $('.streetview .gmnoprint:visible').filter ->
                $this = $(this)
                $this.css('right') is '0px' and $this.css('top') is '0px'
            $rightTop.addClass 'large-icon'
        ), 0

visible_changed時点では閉ボタンのtop, rightが指定されていないのでsetTimeoutでタイミングをずらしています。