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

ストリートビューからコントロールを消すとか何とか

Google Maps Embed API

ちゃんとドキュメントがある。
https://developers.google.com/maps/documentation/embed/guide?hl=en#street_view_mode

コントロールを消すパラメータは、ドキュメントにはないもんな。
というか、ドキュメント化されてないパラメータがあるに違いない、と思うのがどうかしてる(何のためのドキュメントだと

http://stackoverflow.com/questions/32654034/streetview-api-hiding-fullscreen-control
Google Maps API を使うしかないだろうな

Google Maps API

ドキュメント。
https://developers.google.com/maps/documentation/javascript/3.exp/reference#StreetViewPanorama

Street View のサンプルをいじるとこんな感じか。

, ,

# 時折、画像の読み込みに失敗しているのはご愛敬(ぼくのせいじゃない

google.maps.StreetViewPanorama のオプションで、いろいろと消せるのだけれど、でも以下のものは消せない。

こいつらを消すには、CSS

はてなブログでも、Google Maps API が使えるんだねえ

というわけで、こうすりゃあ良いんじゃないかと

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
google.maps.event.addDomListener(window, 'load', function() {
    var panorama = new google.maps.StreetViewPanorama(
            document.getElementById('pano'), {
                position: {
                    lat: 42.345573,
                    lng: -71.098326
                },
                pov: {
                    heading: 34,
                    pitch: 10
                },
                // 消しまくるオプション
                addressControl: false,
                fullscreenControl: false,
                imageDateControl: false,        // default: false
                linksControl: false,            // default: false (maybe)
                motionTrackingControl: false,
                panControl: false,
                zoomControl: false,
                showRoadLabels: false,
            }
        );
});
</script>

<style>
/*
    かなりの力技
*/
#pano > .gm-style > :first-child ~ div {
    display: none;
}
</style>

<div id="pano"></div>

ってな感じ? > https://jsfiddle.net/a_kuma3/16ctcmqh/
著作権表記まで消すのは、やりすぎだなあという気はする :-)

蛇足

そう言えば、隣接セレクタでも書けるじゃんね。