如何在多边形Google Map API中添加图像？

用户名

我已经在Angular中编写了自己的google map指令。我已经使用绘图管理器绘制了多边形。然后从用户绘制的坐标中获取坐标并绘制多边形。

现在，我要在多边形中添加图像。如何在多边形区域添加图像？

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

耶娃（Jeeva J）

在这里，我们需要做以下技巧。

添加多边形
获取多边形坐标。
现在在指定的坐标中绘制带有标记的图标
然后它看起来像多边形内的一个图标

所以在这里，添加多边形之后，我已经在多边形的中心位置借助标记绘制了图标。

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
                });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。