スマホアプリ上で表示させたマップをカスタマイズする方法

var styleOptions = [{
                           featureType: 'all',
                           elementType: 'labels',
                           stylers: [{ visibility: 'off' }]
                           }, 

このallでマップ全てを選択し、次のlabelsで文字を選択します。最後にvisibilityをoffにするとマップ上の全ての文字を消すことができます。


                { featureType: 'all', elementType: 'geometry', stylers: [{ hue: '#6d4d38' }, { lightness: '50' },                       { saturation: '-70' }, { gamma: '0.05' }, { invert_lightness:true}] }];

次はelement typeをgeometryにすることでstylersのところで地図自体の明るさや、色の反転などを小なうことができます。

ハックノートをフォローして
最新情報をチェックしよう

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。


APNコンサルティングパートナー

TOWN株式会社はAmazon公認コンサルティングパートナーです。