0

1 つのオーバーレイに別の小さなオーバーレイが含まれるように、2 つの Google マップ API オーバーレイを作成したいと考えています。別の小さなオーバーレイは透明にする必要があります。ドーナツのように。しかし、内側のオーバーレイを透明にすると、外側のオーバーレイが色を塗りつぶすため、そのような形状を作成できませんでした。こういう形をグーグルマップで作りたいな~こういう形をグーグルマップで作りたいな~

円でも多角形でも構いません。私はこれを試しましたが、うまくいきませんでした。

var populationOptions = {
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.35,
      map: map,
      center: latlng,
      radius: 100000,
      editable: true,
      zIndex:100
    };
    cityCircle = new google.maps.Circle(populationOptions);

    var populationOptions1 = {
          strokeColor: "#FF0000",
          strokeOpacity: 0.8,
          strokeWeight: 2,
          fillColor: "#ccffcc",
          fillOpacity: 0.00,
          map: map,
          center: latlng,
          radius: 10000,
          editable: true,
          zIndex:1000
        };
        cityCircle1 = new google.maps.Circle(populationOptions1);

青い領域が着色され、白い領域が透明になるGoogleマップでこの形状を実現するにはどうすればよいですか? 前もって感謝します..

4

1 に答える 1

1

最後に、私は自分の答えを見つけました。このリンクは非常に役に立ちました。わたしにはできる...

「ドーナツ」ポリゴンの別の例では、キーは内側の「穴」パスのパスの巻き方向であり、外側のパスとは反対である必要があります。

于 2012-08-16T08:49:58.987 に答える