`;\r\n\r\n maps.value.createAdvancedMapMarker({\r\n position: marker.position,\r\n content: markerContent.firstChild as Node,\r\n }).then((mapMarker: any) => {\r\n mapMarker.setMap(maps.value.map);\r\n // console.log('Marker added:', mapMarker.map);\r\n }).catch((error: any) => {\r\n console.error('Error adding marker:', error);\r\n });\r\n });\r\n}\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CScriptGoogleMaps v-if=\"isLoaded\" ref=\"maps\" class=\"map-container\" @ready=\"handleReady\"\r\n :mapOptions=\"mapOptions\">\r\n \u003C/ScriptGoogleMaps>\r\n\u003C/template>\r\n\r\n\r\nThanks for your help!\r\n\r\n\r\n### 🔍 Where should you find it?\r\n\r\nThis is the only thing I have found on the [docs](https://scripts.nuxt.com/scripts/content/google-maps#advanced-marker-control)(Guide section) but it is quite vage.\r\n\r\n### ℹ️ Additional context\r\n\r\n_No response_",[3136],{"name":3137,"color":3138},"documentation","0075ca","scripts","Google Maps: Custom Markers (AdvancedMapMarker)","2025-02-14T11:11:36Z","https://github.com/nuxt/scripts/issues/244",["Reactive",3144],{},["Set"],["ShallowReactive",3147],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMXQP_3W3lu9JE7YN3UBHO9dtD-iO2vZWY9tP7rZjrVk":-1},"/nuxt/ui/3724"]