更改自定义标记形状google maps api

时间:2017-07-13 15:47:11

标签: javascript angularjs google-maps

我正在使用谷歌地图显示用户位置的应用程序, 每个用户都是页面上带有图片的标记。

用户图片形状是方形的,我想将其更改为圆形而不改变其原始形状。

有没有人知道它是否可以通过谷歌地图API?

这是我到目前为止所做的: enter image description here

创建标记的代码如下:

let userLatLng = {lat: coordinates[0], lng: coordinates[1]};
    let icon = {
        url: Config.s3Address + profileImg,
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(0, 0),
        scaledSize: new google.maps.Size(50, 50)
    };
    let shape = {
        coords: [0, 0, 60],
        type: 'circle'
    };
    let marker = new google.maps.Marker({
        map: this.map,
        clickable: true,
        animation: google.maps.Animation.DROP,
        position: userLatLng,
        icon: icon,
        shape: shape
    });

    let content = "<h4>" + userName + "</h4>";
    this.addInfoWindow(marker, content);

感谢所有帮助者!! :)

1 个答案:

答案 0 :(得分:1)

用户图片尺寸为50,对吗?原点是左上角0,所以也许是这样:

let shape = {
    coords: [25, 25, 25],
    type: 'circle'
};

更多信息here