web-dev-qa-db-ja.com

Googleマッププラグインを黒/白にする、またはセピアフィルターを使用する

Googleマップを白黒で表示できるのか、セピアフィルターを使用して表示できるのか疑問に思っています。 Canvasマジックを使用して実行できますか？それともオーバーレイ？または他の方法？

javascripthtml5google-mapscanvasgoogle-maps-styled
23
Sonne

このフィドルアウトを確認 、すべての要素の彩度を下げて、白黒効果を作成しました。次に例を示します。

{
   "featureType": "road.highway",
   "elementType": "geometry",
   "stylers": [
     { "saturation": -100 },
     { "lightness": -8 },
     { "gamma": 1.18 }
   ]
 }

このウィザードを使用してマップのスタイルを設定できます

または Snazzy Maps を使用します。これは非常にユーザーフレンドリーです。

30
Pixelomo

はい、Google APIのスタイル付き地図機能を使用できます。

以下に例を示します http://www.programmableweb.com/news/make-your-google-map-stand-out-styles/2010/05/2

ここにドキュメントがあります http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

そして、ここにマップの色を変更するWYSIWYGウィザードがあります http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

28
Michal

http://www.nihilogic.dk/labs/imagefx/ は、セピアおよび彩度の低い（白黒）フィルターをもたらします...しかし、Safariでは機能せず、IE彩度低下のみ可能、セピアなし

2
zuloo

私の歴史にはこのリンクがあります。誰かがフラッシュでそれをやった http://www.anttikupila.com/GoogleMapsBw/1

編集：あなたのアイデアを検討した後、私もこれを見つけました 例 私はそれが好きで、あなたはそれらがロードされるときに画像を変更するためにリスナーをアタッチできるかもしれません。しかし、スムーズに動作しない場合があります。

1
Bill Bonar