JavaScript: Add marker function on Google Map

Problem :

You want to create add marker Javascript function to put markers on Google Map canvas. How to do that?

Solution :

Below is a code fragment from previous tutorial on how to convert IP address to location in Golang.

 var map;

 function showMap(latitude, longitude, ipaddress) {

 var pos = new google.maps.LatLng(latitude, longitude);

 var mapOptions = {
 zoom: 5,
 center: pos,
 mapTypeId: google.maps.MapTypeId.ROADMAP,
 content: 'Location found by IP Address'
 };

 var mapDiv = document.getElementById("map-canvas");
 map = new google.maps.Map(mapDiv, mapOptions);

 var title = ipaddress + " location";
 addMarker(map, pos, title, "");

 }

 function addMarker(map, latlong, title, content) {

 var markerOptions = {
 position: latlong,
 map: map,
 title: title,
 clickable: true
 };
 var marker = new google.maps.Marker(markerOptions);
 }

Hope this helps and happy coding!

References :

https://developers.google.com/maps/documentation/javascript/examples/marker-simple

https://www.socketloop.com/tutorials/golang-find-location-by-ip-address-and-display-with-google-map