How to use Google Map URL as a marker Google Maps? [duplicate] - google-maps

Question

This question already has answers here:
Google Maps - Multiple Markers via URL only
(3 answers)
Closed 3 months ago.
This post was edited and submitted for review 3 months ago and failed to reopen the post:
Original close reason(s) were not resolved
I have a simple app where customers send their service locations as URLs, like these:
https://maps.app.goo.gl/XEUMo2diVTtJkine9
https://g.co/kgs/zdGeB5
https://maps.google.com/?cid=18234800435333057384
https://maps.google.com/?q=Mullai+St%2C+Maharani+Avenue%2C+Vadavalli%2C+Tamil+Nadu+641041&ftid=0x3ba85f24ad71738d:0x9a062e23b86b557f
When a technician has a visit scheduled, they can just click on the link and Google shows a map to that one address.
The next thing I'd like to implement is showing several of these on a map together (like all of the technician's visits for the whole day). How do I place these address URls as markers on a map, using the Google Maps Javascript API?

Answer 1

I think you need to use this doc https://developers.google.com/maps/documentation/javascript/adding-a-google-map
here exemple
function initMap() {
// The location of Uluru
const uluru = { lat: -25.344, lng: 13.031 };
const other = { lat: -25.344, lng: 10.031 };
// The map, centered at Uluru
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: uluru,
});
// The marker, positioned at first point
const marker = new google.maps.Marker({
position: uluru,
map: map,
});
// The marker, positioned at second point
const marker2 = new google.maps.Marker({
position: other,
map: map,
});
}
window.initMap = initMap;