Как выдвинуть маркер вперед в vue2-google-maps? - PullRequest
Новая
       43

Как выдвинуть маркер вперед в vue2-google-maps?

0 голосов
/ 24 января 2019

На карте, созданной с помощью vue2-google-maps, бывают ситуации, когда несколько маркеров накладываются на точное местоположение.Как можно выдвинуть определенный маркер вперед?

Посмотрев вокруг, я обнаружил, что для обычной реализации Google Maps это делается путем установки "xIndex" при создании маркера в коде JavaScript.Интересно, что было бы здесь эквивалентно, поскольку карта определена с помощью 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)"
        >
...