1

Google Maps V3 API を使用して地図を表示しています。

問題:マップ タイルが青みを帯びているのに、マーカーやその他のオーバーレイが青みを帯びていないように、どうすれば地図を青くすることができますか? スタイル付きマップの Google マップの使用制限にすぐに達する原因となる、マップ自体でカスタム スタイルを使用したくありません。

不透明度のある青いポリゴンを追加することを考えましたが、マップをパンするとポリゴンが画面外に移動することがわかりました。この効果を達成するためのより良い方法はありますか?

4

3 に答える 3

1

長方形を追加することは私にはかなり説得力があるように見えますが、欠点があります。マップをズームインおよびズームアウトするとちらつきます。完全にテストしたわけではありませんが、たとえば、長方形の下にある線をクリックできないなど、レイヤーの問題が発生する可能性があります。私が覚えているように、マーカーは別のペインにあるため、クリックできます。

デモ http://jsfiddle.net/yV6xv/27/

bounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-84.999999, -179.999999), 
  new google.maps.LatLng(84.999999, 179.999999));

rect = new google.maps.Rectangle({
    bounds: bounds,
    fillColor: "#0000ff",
    fillOpacity: 0.3,
    strokeWeight: 0,
    map: map
});

補足: 次のような KML オーバーレイを試しました。

  <ScreenOverlay>
    <name>Dynamic Positioning: Top of screen</name>
    <visibility>0</visibility>
    <Icon>
      <href>http://...blue.png</href>
    </Icon>
    <overlayXY x="0" y="1" xunits="fraction" yunits="fraction"/>
    <screenXY x="0" y="1" xunits="fraction" yunits="fraction"/>
    <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
    <size x="1" y="1" xunits="fraction" yunits="fraction"/>
  </ScreenOverlay>

勝者だったかもしれませんが、マップをドラッグしてスクロールすることはできません.

于 2012-06-09T21:16:29.077 に答える
0

API を Web ページに埋め込むつもりだと仮定します。そうであれば、API を div にラップして、CSS を少し使用して、選択した青色で div を塗りつぶし、その div の不透明度をおそらく 0.4 または (40%) に設定できます。コードは次のようになります。

HTML

<div id="mapwrapper">MAP API EMBEDDING CODE</div>

CSS

#mapwrapper{
      opacity:0.4;
      filter:alpha(opacity=40); /* For IE8 and earlier */
      }

w3schools.comで引用

ウェブサイトでのソーシャル メディア/ソーシャル ネットワーキング接続に使用しました。

繰り返しますが、これはあなたがウェブサイトに埋め込んでいる場合です。あなたの意図について具体的にお尋ねしますが、このようなことではコメントを投稿できません.

于 2012-06-09T21:21:41.180 に答える