Google maps 显示自定义谷歌地图多图像标记图标的最佳方式

我有两张图片，一张是图标，另一张是图标背景，组合这两张图片并制作google marker v3图标的最佳方式是什么？它们不是svg或路径，它们只是两个png图像。

最简单的方法是：使用图像编辑器生成单个图像，并将其用作图像编辑器

---

如果您不能或不想这样做，您可以制作一个行为类似于标记的（）并使用它在地图上以正确的顺序覆盖两个图像。

您可以使用一个优秀的小库。其文件是

为了便于使用，您甚至可以创建自己的自定义标记类，如下所示：

Ns.Marker = function(properties) {

    RichMarker.call(this, properties);

    this.setContent('<div class="three-images-marker">' +
            properties.NsImage ? '<div class="marker-image-1"><img src="'+properties.NsImage1+'"/></div>' : '' + 
            properties.NsFrameImage ? '<div class="marker-image-2"><img src="'+properties.NsImage2+'"/></div>' : '' +
        '</div>');
};

Ns.Marker.prototype = Object.create(RichMarker.prototype);


// and use it like this:
var gorgeousMarker = new Ns.Marker({
      position: yourMarkerLatlng,
      map: yourMap,
      NsImage: 'example.com/image.png',
      NsFrameImage: 'example.com/frame.png',
});

Ns.Marker=函数（属性）{
RichMarker.call（此，属性）；
此.setContent（“”+
properties.NsImage？“”：“”
properties.NsFrameImage？“”+
'');
};
Ns.Marker.prototype=Object.create（RichMarker.prototype）；
//然后像这样使用它：
var gorgeousMarker=新的Ns.Marker({
位置：您的MarkerLatlng，
地图：你的地图，
NsImage:'example.com/image.png'，
NsFrameImage:'example.com/frame.png'，
});

“Ns”是您使用的任何名称空间，如果您使用的话

---

从这里开始，它的CSS工作，你可以定位你喜欢的图像。

我希望得到一个更实际的例子，因为我自己来定制覆盖，但我有问题试图结合两个PNG图像（它必须动态设置，这是我不能只使用图像编辑器的原因）可能的重复