グレースケールの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

Google Maps APIを使って地図をカスタマイズする

コメントを残す

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

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