Googleマップでこのグレースケールベースマップの外観と感触をエミュレートする方法


8

大胆な3Dスタイルのグラフィックマーカー付きのグレースケールベースマップを使用している開発シードホームページのデザインが気に入っています。

ここに画像の説明を入力してください

ModestMaps APIを使用して、テキストとグラフィックスベースマップに焼き付けられ、さまざまな解像度でタイルベースマップを作成したようです。

Google Maps APIなどの無料で入手できるツールを使用して、このLook + Feel(個人的な、楽しいだけのプロジェクトの場合)をエミュレートしたいと思います。マーカーオーバーレイをすばやく変更できるようにする必要があるため、ベースマップ上に動的に描画する必要があります。

Googleマップを使用して、同様のグレースケールの地形ベースの背景を実現することは可能ですか?

Google Maps API スタイリングのドキュメントには、地形マップの彩度を下げる方法が示されていますが、テレインマップでそれを行うオプションが表示されません。

複雑なIconsサンプルを開始点として使用して、太字のグラフィックスをエミュレートできると思いますが、提案があれば歓迎します。

ありがとう



以下の提案はすべてすばらしいものです。できる限り機会を提供します-これは側面で楽しいプロジェクトだと言ったように...
スティーブンリード

回答:


5

これが役立つか、Googleマップが他のタイルレイヤーをサポートするかどうかはわかりませんが、ベースマップを生成するためのオープンソースプロジェクト(およびいくつかの自由にアクセスできるタイルサーバー)があります。

http://acetate.geoiq.com/tiles/terrain/preview.htmlは、あなたが求めているものにかなり似ています(ただし、それほど良くはありません)。

ソースと追加オプションを使用して、独自のロールを作成できます。GitHubですべての情報を確認しください(タイルサーバーのURL構造とプリロールされた例を含む)。


2
素敵な提案。GoogleがMaps APIでは、サポート、他のタイルレイヤの処理を行います。code.google.com/apis/maps/documentation/javascript/...
ケーシー

5

OpenStreetMapデータの使用に慣れている場合は、CloudMadeのマップスタイルエディターをご覧ください。http://maps.cloudmade.com/?lat=39&lng=-89&zoom=4&styleId=28983のスタイルから始めるのがよいでしょう。そのスタイルを複製して編集し、ニーズに合うようにすることができます。

Google Maps APIで使用できるかどうかはわかりませんが、OpenLayersとLeafletで確実に使用できます。


1
ただし、このオプションでは地形は機能しません。国の概要だけでなく(高速道路など、他のほとんどの物理的な機能も必要です)
mattwigway

1
Esri APIでCloudMadeを使用できますか?
Simon

2

いいえ、不可能です。Googleは、GoogleテレインMapTypeのMapLink、Tele Atlas陰影起伏ベース画像をライセンスし、提供しています。Google APIのV3では、Terrain MapTypeのフィーチャをスタイル設定できるようになりましたが、ベース画像データは、標高と植生/雪カバーレンダリングの混合です。

&style=feature:all|element:all|visibility:off地形マップタイプのスタイリングでフィーチャを削除できます。ただし、ベースマップをグレースケールにレンダリングすることはできません。そして、ご存じのように、彩度を設定しても、基本画像ではなく、機能のみが調整されます。

grayMapTypeコードのgoogle.maps.MapTypeId.ROADMAPを.TERRAINマップタイプに置き換えることができますが、Google Maps APIソリューションを使い続けると、灰色の灰色の陰影付きレリーフレンダリングベースマップが表示されません。

これは、Googleが提供する陰影起伏地形図できる最良の例です。ズーム値は、これまで使用してきたROADMAP値とは異なります。

また、開発シードの人々は、Modest Maps FLashスクリプトを含む水深値を含む、世界のDEMに基づく画像タイルを使用していることに注意してください。自分でロールバックしたい場合は、SRTM30plusまたはCleanTOPOバリアントを試すことができます。ただし、Webサーバーマッピングサービスのバックエンド作業をさらに行う必要があります。そして、あなたがそれに深く入り込んだ場合は、陰影付きのレリーフでの作業について勉強したいと思うかもしれません。


2

ベースマップは一般化された(巧みにレンダリングされた)陰影起伏であり、おそらく多くのデジタル標高モデルと底生ラスターデータセットを組み合わせて作成されているように思えます。私はグーグルマップで使用するためにそのようなベースマップをフォーマットしたりタイリングしたりする方法について最も難しいものはありませんが、おそらくこのようなものこれはあなたにいくつかの助けになるでしょう。

幸運を祈ります。


1
独自の陰影起伏ベースマップを作成する場合は、grass.osgeo.org / wiki / Global_datasets#Elevation_dataをチェックして、データを検索する場所のアイデアを探してください。
mattwigway、2011年

1

この質問は、ESRIマッピングセンターで対処されました

以下の回答の関連セクションを引用しました:

まず、このURLを使用して、ArcCatalogからArcGIS OnlineサーバーへのArcGISサーバー接続を確立します。マップサービスとしてすべてのベースマップが一覧表示されます。

次に、コンピューター上にファイルジオデータベースを作成し、場所をメモします。モザイクデータセットを作成します。モザイクデータセットの作成中に、投影座標系をWGS84 Webメルカトル(補助球)に設定します。これは、Esriベースマップが使用する投影であるためです。完了したら、モザイクデータセットを右クリックして[ラスターの追加]をクリックします。[モザイクデータセットにラスターを追加]ツールが開きます。ラスタータイプの下で[Webサービス]を選択し、[入力]で最初の手順で追加したGISサーバーを参照して、グレースケールに変換するベースマップサービスを選択します。今回は「World_Topo_Map」サービスを追加しました。[OK]をクリックすると、ワールドトポマップサービスがモザイクデータセットに追加され、3バンドラスタとしてコンテンツウィンドウに追加されます。

次に、ArcCatalogでモザイクデータセットを右クリックし、[プロパティ]をクリックします。[プロパティ]ダイアログの[関数]タブをクリックし、関数チェーンの下の[モザイク]関数を右クリックし、マウスをポイントして[挿入]を選択し、次に[グレースケール]関数を選択します。これにより、ラスター関数のプロパティダイアログが開きます。各バンドに0.33の重みを付け、[OK]をクリックします。これですべての設定が完了し、ベースマップがグレースケールで表示されます。



0

ESRIグレースケールマップを使用して解決策を見つけたようです。開発シードマップが非常によく見えたことを覚えています。

この質問をする可能性のある他の誰にとっても、Snazzyマップwww.snazzymaps.comがGoogleマップスタイルをカスタマイズする簡単な方法であることがわかりました。開発シードマップと同じ外観を得ることができませんでしたが、何か近いものを取得する必要があったと思いますhttps://snazzymaps.com/style/65225/development-seed-look-alike

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.