I am using 'mdb-react-vector-maps' whose component MDBVectorMap gives the marker on map. I would like to make mapwidth and mapheight should be responsive. Markers should be same for devices like mobile, tablets, laptop, desktops and large destoops.` For converting lat long to xy I am using following formula, which is giving perfect result on my laptop, but in the devices marker position's are showing incorrect.

const x = ((longitude + 180) * (mapWidth / 346.82))+474;

const y = ((mapHeight / 2) - (mapWidth * Math.log(Math.tan((Math.PI/4) + (latitude * Math.PI / 358.80))) / (2 * Math.PI)))+72;`