hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

グレースケールのGoogle Mapsのピンのアールが最近ジャギる

のでスタイルのカスタム内容を変更しました

具体的にはスタイルに関して渡しているパラメータを変更
エレメントに個別で指定していたスタイル→全体を上書きするように変更。
コレによって、スタイルがあたってたりあたってなかったりで
うまく上書き出来てなかったりボーダーがジャギったりするのを回避できるようになりました。
記事下部の参考サイトなんかを参考に。数値はお好みで。
個別にカスタムするより、こっちの全体を変更するほうが今までのよりきれい
ただし全体にかけているので、個別で色調をぜんぜん違うものに変更するなら今までどうりエレメントにスタイルを指定する必要ありんす。

stylers: [
    { hue: "#e0dcd1" },
    { lightness: -5 },
    { saturation: -90 }  //彩度
]

参考サイト

マップのスタイル設定を開始する  |  Google Maps JavaScript API  |  Google Developers
https://developers.google.com/maps/documentation/javascript/styling?hl=ja

Google Maps APIを使って地図をカスタマイズする | style01
https://style01.net/754/


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください