Google Maps New Advanced Marker in Ionic Angular App | Maps Javascript API

Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to learn about "Google Maps New Advanced Marker in Ionic Angular App | Maps Javascript API" #ionic #angular for #pwa, #android & #ios #capacitor
►Ionic UI series (Android & iOS): • Ionic UI series (Andro...
► Finance App Series: • Ionic Finance App UI S...
► SwiperJS 9 in Ionic 7 - • Ionic 7 Swiper Slide u...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Check out our Courses (upto 95% off):
1. Ionic 7+ & NodeJS: Beginner to Pro-Build Food Delivery App: www.udemy.com/course/ionic-6-...
2. Ionic 7+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-b...
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-b...
4. Ionic 7+ Chat App using Firebase:
www.udemy.com/course/ionic-ch...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Check out our Templates & Code scripts
1. Ionic 7+ Food Delivery Customer App template (ngModules & standalone): codecanyon.net/item/ionic-7-f...
2. Ionic 7+ Food Delivery Complete Platform (including Customer, Restaurant, Rider Apps & Angular 17 Admin panel):
codecanyon.net/item/ionic-7-f...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Ionic Capacitor Generate APK & Run in Android & iOS: • Ionic Capacitor - Crea...
► Ionic ALL IN 1 DELIVERY APP UI All Episodes Playlist - • Ionic All in 1 Deliver...
► App Auth Screen Playlist: bit.ly/authScreenSeries
► Social Media
Facebook: / codingtechnyks
Github: github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
► Source code: github.com/Nykz/Ionic-Google-...
Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.
Credits:- www.freepik.com/free-vector/g...

[@carlosenriquemercado3089]

working good!!!! U are my new Herooo, thanks for this guide, learning more things about google maps and Ionic

[@barikchandan7963]

Great video! Thanks for the helpful insights! 👍👍👍👍👍👍
Rather avoiding warning message upgrading to Google's latest marker option is a game-changer for projects. Improved performance and customization are key.

[@mouwaffekhedfi8532]

Hi can you make a tutorial on how to make a map navigation with automatic map rotating just like google maps navigation with custom design and full control ?

[@CodingTechnyks]

Connect via Instagram to elaborate your query and discuss regarding that

[@karanbahety2481]

Can you please make a tutorial on how to add base map in angular 17 with the help of leaflet.js library

[@CodingTechnyks]

Currently, there is no plan, but i will make it. It will take time for me, as lots of content is in the queue. I saw some docs already available on this topic, you can try if needed soon

[@ddgutierrez]

Hola excelente trabajo! Como se llama el tema de visual studio code que usas ? Saludos!

[@CodingTechnyks]

dark modern

[@thetechlave]

Hello, what mac do you use? I need recommendation for my new MacBook I want to buy

[@CodingTechnyks]

My one is MacBook M1 Pro
You can get latest m2 one

[@MrFabpin]

Appear a error, when run the first time on agular 17, appear than google is not defined, i added the declaration "declare var google:any;", but didnt work, and dont work with window.google

[@CodingTechnyks]

Did you match with the source code

[@cajadek-bups2273]

For me it works perfectly fine, but when i build my app and i try to teat it on a device, the map just load a tiny portion of it and i camt interact with anything, i don't know why this is happening

[@CodingTechnyks]

Connect via Instagram tomorrow

[@Jlectar]

TypeError: Cannot read properties of undefined (reading 'nativeElement')
at map.component.ts:39:36 how can i solve it? i ckeck the video and the data is the same...

[@CodingTechnyks]

Connect via Instagram

[@punitsaharan8628]

Please make a video on Social Login Specially Google login.. i have tried everything for google login.. it working fine in web but in real device its naver work.
Error code 10 something went wrong

[@CodingTechnyks]

I understand and want to research on it
Hopefully will try it soon, if works will make a video on that

[@juliancapponi4788]

In line:
const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
Error:
VM4685:1 ERROR ReferenceError: google is not defined
when:
declare var google: any;
in angular 17 error

[@juliancapponi4788]

solution: this problem is in script, remove callback in script