ポリゴンGoogleマップapiに画像を追加するには？

Question

私は自分のGoogleマップの指示文をAngularで書いています。 図面マネージャを使用してポリゴンを描画しました。その後、ユーザーが描いた座標から座標を取得し、ポリゴンを描きました。

イメージをポリゴンに追加します。 ポリゴン領域にイメージを追加するにはどうすればよいですか？

bermudaTriangle = new google.maps.Polygon({ 
         paths: polygonsArray, 
         strokeColor: '#FF0000', 
         strokeOpacity: 0.8, 
         strokeWeight: 2, 
         fillColor: '#FF0000', 
         fillOpacity: 0.35 
         , editable: true 
        }); 

Answer 1

ここでは、次のようなトリックが必要です。

2. は、ポリゴン座標を取得したポリゴンを追加します。
3. は今、それはだからここポリゴン

内部のアイコンのようになります。指定された座標

にマーカーでアイコンを描画、後にポリゴンを追加し、私はマーカーの助けを借りて、アイコンを描きましたポリゴンの中央の場所に配置します。

var bounds = new google.maps.LatLngBounds(); 
       var i, center; 

       for (i = 0; i < polygonsCoordinates.length; i++) { 
        bounds.extend(polygonsCoordinates[i]); 
       } 
       center = bounds.getCenter(); 
       var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png'; 
       var beachMarker = new google.maps.Marker({ 
        position: { lat: center.lat(), lng: center.lng() }, 
        map: map, 
        icon: image 
       });