[Vuejs]-How to add multiple circles on Google map in vue.js project

by

0👍

maybe you need to change from this:

    <gmap-circle
      :key="index"
      v-for="(pin, index) in myLatLng"
      :center="myLatLng.position"
      :radius="3000"
      :visible="true"
      :options="{fillOpacity:0.5,strokeWeight: 0.5">
    </gmap-circle>

to this:

    <gmap-circle
      v-for="(pin, index) in myLatLng"
      :key="index+'circle'"
      :center="pin.position"
      :radius="3000"
      :visible="true"
      :options="{fillOpacity:0.5,strokeWeight: 0.5}">
    </gmap-circle>

the problem is :center="myLatLng.position"

Leave a comment