How could I reflect the user's location on the map by adding a marker?

[themustafaomar]

Here is how to do that:

new jsVectorMap({
  map: "world",
  selector: "#map",
  onLoaded(map) {
    axios.get(`https://ipinfo.io/geo`).then(({ data }) => {
      map.addMarker({
        coords: data.loc.split(","),
        name: `${data.city} - ${data.country} (${data.ip})`
      });
    });
  },
  labels: {
    markers: {
      render: (index, marker) => marker.name
    }
  },
});

Demo: https://codepen.io/themustafaomar/pen/YzGpdME