如何在vue2-google-maps中将标记推到最前面？

Question

在使用vue2-google-maps生成的地图中，有些情况下多个标记在确切位置上重叠。将特定标记推到最前面的方式是什么？

环顾四周，我发现对于常规的Google Maps实现，这是通过在JavaScript代码中创建标记时设置“ xIndex”来完成的。我想知道这里的等效方式是什么，因为地图是用HTML定义的，所以我不可能用JavaScript重写整个代码。

<div class="grid_5 right gmaps">
    <gmap-map
        :center="center"
        :zoom="10"
        id="map"
        style="height: 400px;"
>
        <gmap-info-window
            :options="infoOptions"
            :position="infoWindowPos"
            :opened="infoWinOpen"
            @closeclick="infoWinOpen=false"
        >
            <div>
                <p>
                    <a :href="'{{ url('reports/view/') }}' + '/' + 
                    infoContent.id" class="infoTitle">
                        <strong>@{{ infoContent.title }}</strong>
                    </a>
                </p>
                <span><a :href="'{{ url('reports/view/') }}' + '/' +             
                infoContent.id" class="infoMore">{{     
                    __('incident_show.more_information') }}</a></span>
            </div>
        </gmap-info-window>
        <gmap-marker
            :key="i"
            v-for="(r,i) in reports"
            :position="r.position"
            :clickable="true"
            :icon='{
                url: "https://raw.githubusercontent.com/Concept211/Google- 
                Maps-    
                Markers/master/images/marker_red.png"
             }'
            @click="toggleInfoWindow(r,i)"
        >