Gmap3 with RichMarker - google-maps-api-3

Question

I'm trying to replace the icons with a RichMarker as seen here: https://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/examples/richmarker.html
Here's the following code I'm using:
marker: {
values: [
{foreach $items as $item}
{
latLng: [{ifset $item->optionsDir['gpsLatitude']}{!$item->optionsDir['gpsLatitude']}{else}0{/ifset},{ifset $item->optionsDir['gpsLongitude']}{!$item->optionsDir['gpsLongitude']}{else}0{/ifset}],
content: "<div class='cluster-bg'><div class='cluster'><span>1</span></div></div>",
data: '<div class="marker-holder"><div class="marker-content{ifset $item->thumbnailDir} with-image"><img src="{thumbnailResize $item->thumbnailDir, w => 120, h => 160}" alt="">{else}">{/ifset}<div class="map-item-info"><div class="title">'+{ifset $item->post_title}{$item->post_title}+{/ifset}'</div>{if $item->rating}<div class="rating">{for $i=1; $i <= $item->rating["max"]; $i++}<div class="star{if $i <= $item->rating["val"]} active{/if}"></div>{/for}</div>{/if}<div class="address">'+{ifset $item->optionsDir["address"]}{$item->optionsDir["address"]|nl2br}+{/ifset}'</div>' + {__ 'VIEW MORE'} + '</div><div class="arrow"></div><div class="close"></div></div></div></div>'
}
{if !($iterator->last)},{/if}
{/foreach}
],
I understand how to add a rich marker to a single marker, but here I'm dynamically creating markers under "values." I have no idea where to add the:
= new RichMarker ({
Is this possible with these two plugins or should I look elsewhere?
Thanks

Answer 1

Here is the code that you must add:
jQuery("YOUR_SELECT").gmap3({
defaults:{
classes:{
Marker:RichMarker
}
},
map:{
options: {
zoom: 11,
},
marker: {
options: {
content: '<div>ADD your Custom HTML code</div>',
}
}
})