Google Maps JavaScript API Episode 4 - Info Windows

In this video series, we will be learning about the Google Maps JavaScript API. We will learn everything about the Google Maps JavaScript API ranging from creating a custom Google map to adding symbols, shapes, and more! In this video, we will learn how to add an info window to our map, work with an info window, and attach an info window to a marker.

Become a Better Developer

My Software

Download Code

⌛ Timestamps
0:00 - What is an InfoWindow
0:48 - Adding an InfoWindow to Google Map
4:13 - Anchoring an InfoWindow to a Marker
5:55 - ShouldFocus Option
6:50 - Anchor Option Vs InfoWindow Position
7:28 - PixelOffset Option
9:01 - MaxWidth Option
10:16 - SetContent Method
10:58 - Closing an InfoWindow
13:17 - Moving an InfoWindow
14:19 - Moving InfoWindow to a Different Marker
17:09 - Creating a Custom InfoWindow
19:37 - Outro

[juanmanueltaboadaalvarez]

amazing tutorial man!
will be liking and commenting on every single one

[thefuntech]

I had seen your all 4 video and you explained very beautifully can you also make lecture to how to make polygons on the google map for geoCoding .

[dharmendrakukreja]

Sir all your 4 video are fantatastic Waiting for another Videos on Maps

[samborsky_pro]

Thanx bro! you a best :*
Do you know - you looks like a "Sting" 🥰

[localLyricsPh]

please make a video that will display the Marker(Latitude and Longitude) and Info Window(Details) from the database

[malejunk]

What about using human readable addresses? How can we take those addresses and make markers out of them?

[africanelectronicliteratur]

I need codes from 1 episode to the 4th please! It is no more found on your blog!

[vaidehisapre]

Hi, I am trying to use getFeatureLayer and its not working as required, Can you make a video on the same?

[vaidehisapre]

How did you get those markers with the image?

[vaidehisapre]

Can we pass a component as a content of the infoWindow?

[fttx]

Please teach us how to put data from a Google spreadsheet into a map. Could you please do it?

[natt_warrick]

Can we use our own route obtained from gps?

[NFTim]

I loved your videos on the Google Maps Javascript API, it really helped me a lot to make a better design of a website for a friend of mine, but I was looking if there is a way to animate the Info Window of a marker to make it come out of the marker for example instead of just popping out and couldn't find anything... I know this is an old video but would love to get a reply, thanks anyway!!