create google map latitude longitude api

1
2  function initMap() {
3    const myLatlng = {
4      lat: 21.7645,
5      lng: 72.1519
6    };
7    const map = new google.maps.Map(document.getElementById("map"), {
8      zoom: 10,
9      center: myLatlng,
10    });
11    // Create the initial InfoWindow.
12    let infoWindow = new google.maps.InfoWindow({
13      content: "Click the map to get Lat/Lng!",
14      position: myLatlng,
15    });
16
17    infoWindow.open(map);
18    const marker = new google.maps.Marker({
19    position: myLatlng,
20    map,
21    title: "Click to zoom",
22  });
23    map.addListener("center_changed", () => {
24    // 3 seconds after the center of the map has changed, pan back to the
25    // marker.
26    window.setTimeout(() => {
27      map.panTo(marker.getPosition());
28    }, 3000);
29  });
30
31    // Configure the click listener.
32    map.addListener("click", (mapsMouseEvent) => {
33
34      // Close the current InfoWindow.
35      infoWindow.close();
36      // Create a new InfoWindow.
37      infoWindow = new google.maps.InfoWindow({
38        position: mapsMouseEvent.latLng,
39      
40      });
41
42      infoWindow.setContent(
43        JSON.stringify(mapsMouseEvent.latLng.toJSON(), null, 2)
44      );
45      infoWindow.open(map);
46
47      const data = JSON.stringify(mapsMouseEvent.latLng.toJSON(), null, 2);
48      const obj = JSON.parse(data);
49      console.log(obj);
50
51      // display in textbox
52      document.getElementById("latitude").value = obj['lat'];
53      document.getElementById("longitude").value = obj['lng'];
54      
55    });
56  }