ナイトモードでカスタムGoogleマップのスタイル!🌒

ダークモードは現代のウェブサイトの傾向になりました🤪). 最近、私は非常にカスタマイズGoogleマップを持っていたプロジェクトに取り組んだ.スタイリングに加えて、マップやドムのインタラクションが多かった.たくさん入った.🥴
スタイルのGoogleマップをどのように勉強しながら、私はあなたを含む既製のGoogleマップのスタイルを与える非常に良いリソース間でつまずいたNight Mode .
導入Google Maps Styling Wizard ! 🎊🎉

ハウツー🐱‍👓
文字通り、任意のスタイルを選択し、クリックしてFinish ボタン.これは、JSON形式で選択したマップのテーマのためのスタイルを提供します.その後、あなたがしなければならないすべてはこれです.

const map = new google.maps.Map(element, {
  styles: [...], // Paste your styles here!
});

もちろん、適切なズームレベル、位置座標、APIキーなどを設定してください.
PSは、JSON形式も良い方法をどのようにスタイルマップを学ぶことです.詳細については、公式を見てくださいGoogle Map styling guide .