Retired API version warning

[ricardoboss]

I am getting this warning in the Javascript console:

Google Maps JavaScript API warning: RetiredVersion https://developers.google.com/maps/documentation/javascript/error-messages#retired-version

Seems like the API version you are using (3.47) is retired. Can you update it so the warning disappears?

[cobraprojects]

I used to have the same warning. after diving inside this plugin code I found that you can set the verion you need while loadin the the plugin

load: {
    version: 3.53,
    key: 'YOUR-API-KEY',
    language: props.initialPage.props.locale,
    libraries: "places",
},

[juanxodj]

I used to have the same warning. after diving inside this plugin code I found that you can set the verion you need while loadin the the plugin

load: {
    version: 3.53,
    key: 'YOUR-API-KEY',
    language: props.initialPage.props.locale,
    libraries: "places",
},

Thanks!!!

[martin-williams]

Instead of version I had to use v

[admench]

If you don't want to stick to a specific numbered version and simply keep up to date with recent API updates from google, use v: 'quarterly'.

https://developers.google.com/maps/documentation/javascript/versions

[MatiasJRB]

hey guys, sorry but I am here asking for help I am using the last version of this package ( "@fawmi/vue-google-maps": "^0.9.79" ) and I can't understand how to/where update that API version I appreaciate any kind of help

[ricardoboss]

@MatiasJRB you have to pass it in the options param:

<g-map-map
    :center="center"
    :zoom="zoom ?? 7"
    :options="{
      streetViewControl: false,
      rotateControl: false,
      version: 'weekly', <----- here
    }"
  >
    ...
</g-map-map>

[MatiasJRB]

thank you @ricardoboss for that quick response! unfortunately I'm still having the issue trying both, weekly and 3.53

        <GMapMap
            v-if="googlePlace"
            :center="passengerPosition"
            :zoom="15"
            class="flex flex-center"
            map-type-id="terrain"
            style="width: 70%; height: 50vh"
            :options="{
              zoomControl: false,
              mapTypeControl: false,
              scaleControl: false,
              streetViewControl: false,
              rotateControl: false,
              fullscreenControl: false,
              disableDefaultUi: true,
              version: 'weekly'
            }"
          >
            <GMapMarker
              :position="passengerPosition"
              :clickable="true"
              :icon="personSVGPath"
            />
          </GMapMap>

[ricardoboss]

Do you use multiple maps? Can you reproduce the problem with a minimal example?

[MatiasJRB]

sorry, multiple maps? I was able to find the VUE plugin setup and add the v property there as cobraprojects and vue2 google maps suggested thank you ricardo you are the boss