pkarnia / nuxt-gmaps Goto Github PK

TypeError: this.marker is null
optionsIcon GMapMarker.vue:52
VueJS 8
beforeDestroy vue-i18n.esm.js:408
VueJS 23
onChange form-select.js:81
VueJS 3
client.js:103

Per https://developers.google.com/maps/faq#usage-limits

After a web page or application loads a map, or a static map image, or a Street View panorama, any user interactions with it, such as panning, zooming, or switching map layers, do not generate additional map loads or affect usage limits.

Adding a marker will not generate additional map loads, but may generate charges around how the pin location was determined (such as loading or reloading the google.maps.Map() class.)

Currently for dynamic loading / changes to a map, a key would be needed on the GMap or higher component to refresh. However each change would incur an addition billing cycle.

Instead try using mounted and destroyed lifecycle hooks to alter the contents of the map without incurring additional cost.