-1
私は、コードを検査し、フレームワークのようですが、私は本当に誰でも助けることができる、ということを教えcan`t私はそれが何かを見つけるか？ニースGoogleマップ実装白黒
A
答えて
1
コード検査をもう一度見て、//we define here the style of the mapという行を探して、コードのその部分がGoogleマップの外観を変更するものであることを確認します。さらにカスタマイズするために
、あなたはここで、これらのサイトをチェックアウトすることができます：
0
Google Maps APIを使用しているだけで、レンダリングされたマップのスタイルを調整していると思います。ここにAPIへのリンクがあります。 https://developers.google.com/maps/
また、どのような関数呼び出しを行っているかを調べることもできます。デベロッパーのデベロッパーツール（Chromeを使用していることを前提にしていますが、他のブラウザーでも同様です）に移動します。次に、開発者ツールペインの上部バーにある[ソース]を選択します。デベロッパーツールペインの左側にあるソースセクションでインデックスファイルを探します。コードが表示されているセクションの下部にある{}ボタンを押します。これはコードを読みやすくします。それを見て、Googleマップに関連するものを見てください。 Ctrl + Fキーでも検索できます。
代わりにGoogle Maps APIサイトを読むことをお勧めします。
0
を新しいマップ、おしゃれなマップを宣言するときは、スタイルを設定することができますGoogleマップのカラースキームのための優れたリソースです。
ちょうどあなたが（hereからカラースキーム）を使用しているものは何でもしてthis.refs.map置き換え、次のことを試してみてください。
var mapStyle =[
{
"featureType": "administrative.country",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ededed"
},
{
"gamma": "0.00"
},
{
"lightness": "-100"
},
{
"saturation": "-67"
}
]
},
{
"featureType": "administrative.locality",
"elementType": "all",
"stylers": [
{
"saturation": 7
},
{
"lightness": 19
},
{
"visibility": "on"
}
]
},
{
"featureType": "administrative.locality",
"elementType": "labels.text",
"stylers": [
{
"visibility": "on"
},
{
"saturation": "-3"
}
]
},
{
"featureType": "administrative.locality",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#abb1c8"
}
]
},
{
"featureType": "landscape",
"elementType": "all",
"stylers": [
{
"hue": "#ffffff"
},
{
"saturation": -100
},
{
"lightness": 100
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry",
"stylers": [
{
"lightness": "20"
},
{
"saturation": "-26"
},
{
"gamma": "2.33"
},
{
"color": "#f5f5f5"
}
]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"hue": "#ff0000"
},
{
"saturation": -100
},
{
"lightness": 100
},
{
"visibility": "off"
}
]
},
{
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#ffffff"
},
{
"lightness": "-19"
}
]
},
{
"featureType": "poi.medical",
"elementType": "geometry",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "poi.school",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road",
"elementType": "geometry",
"stylers": [
{
"saturation": "100"
},
{
"lightness": 31
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "road",
"elementType": "labels",
"stylers": [
{
"hue": "#008eff"
},
{
"saturation": -93
},
{
"lightness": 31
},
{
"visibility": "on"
}
]
},
{
"featureType": "road",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#d2d1d1"
}
]
},
{
"featureType": "road",
"elementType": "labels.text.stroke",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [
{
"lightness": "3"
},
{
"color": "#ebebeb"
},
{
"saturation": "-17"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [
{
"lightness": "-15"
},
{
"visibility": "off"
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#e8e8e8"
},
{
"saturation": "0"
}
]
},
{
"featureType": "road.arterial",
"elementType": "labels",
"stylers": [
{
"hue": "#bbc0c4"
},
{
"saturation": -93
},
{
"lightness": -2
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road.arterial",
"elementType": "labels.text",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road.local",
"elementType": "geometry",
"stylers": [
{
"hue": "#4e00ff"
},
{
"saturation": "-100"
},
{
"lightness": "100"
},
{
"visibility": "simplified"
},
{
"weight": "1"
}
]
},
{
"featureType": "transit",
"elementType": "all",
"stylers": [
{
"hue": "#e9ebed"
},
{
"saturation": 10
},
{
"lightness": 69
},
{
"visibility": "on"
}
]
},
{
"featureType": "transit.line",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#e7e7e7"
}
]
},
{
"featureType": "transit.station.bus",
"elementType": "geometry",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "transit.station.bus",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ffffff"
}
]
},
{
"featureType": "water",
"elementType": "all",
"stylers": [
{
"hue": "#e9ebed"
},
{
"saturation": -78
},
{
"lightness": 67
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"visibility": "on"
},
{
"lightness": "-3"
}
]
}
]
var map = new google.maps.Map(this.refs.map,{
center: center,
zoom: 10,
styles : mapStyle
});
関連する問題
- 1. Googleマップの実装
- 2. ブラックベリーのGoogleマップの実装
- 3. Android - Googleマップの実装
- 4. QlikView 11でGoogleマップを実装する
- 5. 角2のGoogleマップの実装
- 6. Googleマップの黒い枠線ですか？
- 7. iOSグレースケール/白黒
- 8. UIPageView実装の黒い画面
- 9. 黒いテキスト - 黒い背景の白い
- 10. Xamarinフォームでのマーカークラスタリング（Googleマップ）の実装方法
- 11. jQuery Googleマップの実装による経路生成
- 12. 私のRailsアプリケーションにGoogleマップを実装する方法は？
- 13. AndroidのGoogleマップで他のレイアウトとビューを実装する
- 14. Googleマップのスタイル作成ウィザードを実装するJSON
- 15. 単一のポイントでカスタムオーバーレイを実装するGoogleマップ
- 16. PHP/MySQLでGoogleマップを実装するには？
- 17. GoogleマップAPIを使用してスライダーを実装
- 18. Googleまたはマップボックス以外のマップの実装
- 19. Googleマップ実装の問題とAPI接頭辞エラー
- 20. AndroidプロジェクトでGoogleマップを実装できません
- 21. ニースは
- 22. アプリケーションへのマップの実装
- 23. Googleマッププラグインを白黒またはセピアフィルタで作成する
- 24. Googleのベンチマークで白黒出力を強制する方法
- 25. GoogleマップAPIの実装。これは、以下の私のGoogleマップコードである
- 26. なぜGoogleマップのポリラインのstrokeColorは常に黒ですか？
- 27. Googleマップ - 私は編集可能な円とシンプルなGoogleマップの実装を持つ
- 28. Seabornの黒と白のボックスプロット
- 29. Ghostscript真の白黒変換
- 30. 白黒画像文書クラスタリング