如何在 v3 中为 Google 地图标记放置多个图标？

我正在尝试创建一个类似的地图this（正在使用 API 的 v2）。我希望地图上的每个标记都包含一个图像，后面有框架或背景like so.

使用icon and shadowMarkerOptions 似乎无法实现此目的，因为标记阴影落在其他标记图标后面。

你可以使用一个很棒的小图书馆，丰富的标记。它的文档是here.

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

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 yourFramedMarker = new Ns.Marker({
      position: yourMarkerLatlng,
      map: yourMap,
      NsImage: 'example.com/image.png',
      NsFrameImage: 'example.com/frame.png',
});

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

从这里开始就是 CSS 工作，您可以根据需要放置图像。