Setting Up Google Maps JavaScript API 

coming soon.

Yes yes))

Google has changed their billing recently. So, to do anything with maps without the watermark overlay you need to set up billing.

The whole keys.js file is: const MAPKEY='1234567890abcdefg';

You can get a key but it wont work without valid billing info.

Please add that to my tutorial request video so I can keep track.

Please add this to my Tutorial Request video from my channel home page.

If you have your own array of Markers you can call their getPosition() method to get the coordinates of each marker. A LatLngBounds object can define a rectangle. developers.google.com/maps/documentation/javascript/reference/coordinates#LatLngBounds - set its dimensions to match your current map. Then use the LatLngBounds.contains( ) method to see if each marker is inside. Every Map object has a getBounds( ) method that will give you a LatLngBounds object.

@@SteveGriffith-Prof3ssorSt3v3 hey do you have any working prototype, is there any way can we solve when we drag the map left or right or while we zoom in and zoom out too. Is there any way can we calculate distance between the markers and provide the result in sorting order

That is built into HTML5 - here is my video about geolocation - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NIAqR34eg7I.html

Markers all have a LatLng position. You can use that to create a Bounding box for the map. developers.google.com/maps/documentation/javascript/examples/control-bounds-restriction

@@SteveGriffith-Prof3ssorSt3v3 hey thanks for your reply, in react native google maps they have focus markers is there any methods similar to that

@@rajkumart08 for react native the solution will completely depend on which map component you are importing and using.

@@SteveGriffith-Prof3ssorSt3v3 hey is there any way can we achieve

Hi, is there any way can we get click events on top of the cluster

If you are looking for an autocomplete form input here is a good article on building one - 24ways.org/2019/making-a-better-custom-select-element/

The Maps API is designed to run in the browser with a rendered map with image tiles. If you have the latitude and longitude and you just want a distance between the points, that is just a little math. www.movable-type.co.uk/scripts/latlong.html

@@SteveGriffith-Prof3ssorSt3v3 what i want is that distance, and represent the map in the browser with two markers, one for my house, and the other one for me, the server is receiving lat and lng every 20 seconds. What i think is my best option is, do the math operation between the two points, and send the lat and long to the html using .ejs to create two markers and represent them in the map. I think that's the best option for me.

The other way around is better. Use the maps API in the browser where you can actually run it, render the map, put the markers on, calculate the distances in the browser. If you need any of the data on your server then use fetch( ) to upload it after rendering and calculating.

Both. You need a method of payment registered but then you get to use the free usage tier.

The Geolocation API - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NIAqR34eg7I.html And then you can display markers on the map or Draw a Path on the map.

@@SteveGriffith-Prof3ssorSt3v3 thank you ill check it out! :)

That is my key. You have to create your own.

@@SteveGriffith-Prof3ssorSt3v3 Sir I have created the key...Tell me how to put that key in key.js ?

It is just a variable holding the string value of the key. You don't even have to put it in a separate file if you don't want to.

@@SteveGriffith-Prof3ssorSt3v3 is there an issue with keeping the key hidden if you create an app through GitHub? Or can the app be deployed/key hidden through Google Cloud?

You need to register with Google and provide payment information. You get hundreds of dollars of free credits to start with.

I am not available for one-on-one support for anyone except my students at College.