Google Mapのデザインを変更する方法（StyledMapの使い方） - KAYAC engineers' blog

豚を丸焼きにするイベントで日焼けしました。ago（@kyo_ago）です。 すでにだいぶ時間がたってますが、7/7に弊社コーポレートサイトのリニューアルを行いました。 その際会社までの道順を紹介するページでGoogle Mapのデザインを変更したのでその方法をご紹介したいと思います。 StyledMapType Google Map Ver3以降はStyledMapTypeというAPIが追加されており、このStyledMapTypeを使うことで地図上の指定された要素に対して独自の色情報を設定することができます。 色の変更方法 色を変更するにはStyledMapType API経由で以下のようにJavaScriptのObjectを渡すことで実現できます。 var styles = [ { // 色を変更する対象の指定（document参照） featureType: "road.local"

[poppen]

[http://www.delicious.com/poppen/]

[equinox79]

@uzulla styled map を使っているんだと思われます

[uzulla]

なるほど、ゾンビマップはこれを使っているのか…。

[saladdays]

Google Mapに色付けをする

[samurai20000]

へぇ。こんなことできるんだ！

[toguo]

例えばこれを使えば会社の色に合わせた地図表示が出来るってことか。

[field_combat]

こんなこと出来るんだ

[hisasann]

スタイル変えられるんだー

[y-kawaz]

これは良いな。サイトデザインに合わせた地図が描けそう。

[ago_kyo]

GoogleMapAPI自体のWizardも作りたいな