javascript - 1 つの Google マップ マーカー内に 3 つの画像を含める

Question

Google Maps API を使用してこれを実行しようとしています。コンポーネントなどのいくつかのJavaScriptプラグインを試しましgoogle-maps-utility-library-v3たが、この目的のために実際に何も行われていないようです。

基本的に私がやろうとしているのは、1 つのシャドウ レイヤー、1 つのユーザーの画像レイヤー、およびその上にマーカー イメージ用の 1 つのレイヤーを作成することです。私のマーカー画像には透明な穴があるので、ユーザーの顔をその穴に表示したいので、これをやろうとしています。

私が今持っているものは非常に簡単です：

var shadow = {
    url: '/data/images/map/pin_shadow.png',
    size: new google.maps.Size(108, 95),
    anchor: new google.maps.Point(30, 47)
};

var image = {
    url: '/data/images/map/pin.png',
    size: new google.maps.Size(60, 95),
    anchor: new google.maps.Point(30, 47)
};

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(venue.lat, venue.lng),
    map: map,
    icon: image,
    shadow: shadow
});

誰かがこれをやったことがあるかどうか疑問に思っていましたか？

編集:クライアント側のソリューションが必要です。ありがとう

影と画像の間に別の画像を追加できたらいいのにと思います。何か案が？

ありがとう、良い一日を！