6

snazzymaps.comからスタイル付きマップの例をダウンロードしました。http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15& ​​center=シカゴのような URL に変換しようとしましたが、うまくいきません。次の例を変換しようとしています。

静的なスタイルの Google マップの例

JSON は次のようになります。

styles: [

{"featureType":"poi","stylers":[{"visibility":"off"}]},{"stylers":[{"saturation":-70},{"lightness":37},{"gamma":1.15}]},{"elementType":"labels","stylers":[{"gamma":0.26},{"visibility":"off"}]},

{"featureType":"road","stylers":[{"lightness":0},{"saturation":0},{"hue":"#ffffff"},{"gamma":0}]},

{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},

{"featureType":"road.arterial","elementType":"geometry","stylers":[{"lightness":20}]},

{"featureType":"road.highway","elementType":"geometry","stylers":[{"lightness":50},{"saturation":0},{"hue":"#ffffff"}]},

{"featureType":"administrative.province","stylers":[{"visibility":"on"},{"lightness":-50}]},

{"featureType":"administrative.province","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},

{"featureType":"administrative.province","elementType":"labels.text","stylers":[{"lightness":20}]}

ネクスト変身したけどダメダメ！:S

http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15&center=Chicago&format=png&style=feature:poi%7Cvisibility:off%7Csaturation:-70%7Clightness:37%7Cgamma:1.15%7Celement:labels%7Cgamma:0.26%7Cvisibility:off&style=road%7Clightness:0%7Csaturation:0%7Chue:#ffffff%7Cgamma:0&style=road%7Celement:labels.text.stroke%7Cvisibility:off&style=road.arterial%7Celement:geometry%7Clightness:20&style=road.highway%7Celement:geometry%7Clightness:50%7Csaturation:0%7Chue:#ffffff&style=administrative.province%7Cvisibility:on%7Clightness:-50&style=administrative.province%7Celement:labels.text.stroke%7Cvisibility:off&style=administrative.province%7Celement:labels.text%7Clightness:20

誰かが私にアドバイスを送ることができれば、私は感謝します.

4

1 に答える 1

10

Static Maps API Guide のスタイル付きマップのセクションを読む必要があります。

カスタマイズされた「スタイル付き」マップは、指定された 1 つ以上のスタイルで構成され、それぞれが静的マップ リクエスト URL 内のスタイル パラメータによって示されます。追加のスタイル パラメータを渡すことによって、追加のスタイルを指定します。

&style=そのため、複数を URLに渡す必要があります。(スタイルを設定する機能/要素ごとに 1 つ)
(すでに行っています)

0xRRGGBB色については、構文を使用する必要があります。
また、あなたの例では、JSON の最初の行に 3 つのグループが含まれています。2 番目はマップのグローバル スタイルを参照し、3 番目は ではなく、マップ内のすべてのラベルを参照しますfeature:poi。feature:allしたがって、対象となるものと対象とするものには別のスタイルが必要ですelement:labels

リンク先のsnazzymapの例は、次のように変換されます(すべてのスタイルが含まれているわけではありません)

  • &style=feature:poi|visibility:off
  • &style=feature:all|saturation:-70|lightness:37|gamma:1.15
  • &style=element:labels|visibility:off
  • &style=feature:road|lightness:0|saturation:0|hue:0xffffff|gamma:0
  • &style=feature:road.highway|element:geometry|lightness:50|saturation:0|hue:0xffffff

(に設定visibilityするoffと、その機能/要素の他のプロパティを操作しても意味がないことに注意してください)

URLに追加すると、次のようになります

http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=815x815&zoom=15&​​center=cicago&style=feature:poi|visibility:off&style=feature:all|彩度:-70|明るさ:37|ガンマ:1.15 &style=element:labels|visibility:off&style=feature:road|lightness:0|saturation:0|hue:0xffffff|gamma:0&style=feature:road.highway|element:geometry|lightness:50|saturation:0|hue: 0xffffff

そして、snazzymap json を Google Static Map の URL に変換する小さなツールを次に示します。

http://jsfiddle.net/gaby/s6Dyp/のツール

于 2014-04-18T12:20:22.973 に答える