UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

Google Map

【Google Map】2本指のズームとパンを止める

Google Map を使ったアプリで、いざマップを触ろうとすると以下のようなメッセージがでる ユーザー体験が悪いためこれをやめたい そもそもこれが表示されるのはページのスクロールとマップのスクロールが混在しないようにするためで、私の場合は、以下のよう…

【Storybook】GoogleMapAPIキーが必要なページ

StorybookでGoogleMapを表示しているページのプレビューを行いたい ReactプロジェクトでGoogleMapを表示している uga-box.hatenablog.com <GoogleMapReact bootstrapURLKeys={{ key: /* YOUR KEY HERE */ }} defaultCenter={this.props.center} defaultZoom={this.props.zoom} > このときの/* YOUR KEY HERE */は実際は__GOOGLE_MAP_API_KEY__という変数を使っている この変数はWebpackのDe…</googlemapreact>