Gmap3 с RichMarker

Я пытаюсь заменить значки на RichMarker, как показано здесь: https://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/examples/richmarker.html

Вот следующий код, который я использую:

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><a href="{!$item->link}" class="more-button">' + {__ 'VIEW MORE'} + '</a></div><div class="arrow"></div><div class="close"></div></div></div></div>'
                }
            {if !($iterator->last)},{/if}
            {/foreach}
        ],

Я понимаю, как добавить расширенный маркер к одному маркеру, но здесь я динамически создаю маркеры под «значениями». Я понятия не имею, куда добавить:

= new RichMarker ({

Возможно ли это с этими двумя плагинами или я должен искать в другом месте?

Спасибо


google-maps-api-3 google-maps-markers jquery-gmap3
person Cucumber    schedule 11.04.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вот код, который вы должны добавить:

jQuery("YOUR_SELECT").gmap3({
    defaults:{
        classes:{
            Marker:RichMarker
        }
    },
    map:{
        options: {
            zoom: 11,

    },
    marker: {
        options: {
            content: '<div>ADD your Custom HTML code</div>',
        }
    }
})
person Joseph_a    schedule 04.07.2014