Examples

Edit In Codpen
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

</head>

<body>

<div style="height: 500px; width: 500px">

<div id="app">

</div>

</div>

<button class = "btnsetCenter" onclick="center()">setCenter

</button>

<button class = "btngetCenter" onclick="getCenter()">getCenter

</button>

<script src="https://maps.fatos.biz/dist/fatosmap-gl.js">

</script>

<script>

let LatLng ={lat: 13.753815, lng: 100.501833}
let mapInstance = new fatosmap.maps.Map(

document.getElementById("app"),

{

zoom: 11,

center: LatLng,
service_id: 1
 
key: 'Please enter your key'

}

)

function center (){

LatLng ={lat: 13.695723, lng: 100.751640};

mapInstance.setCenter(LatLng);

};

function getCenter (){

alert(mapInstance.getCenter());

}

</script>

<style>

.btnsetCenter {

position: relative;

float: left;

left: 0px;

z-index:1;

}

.btngetCenter {

position: relative;

margin-left: 10px;

z-index:1;

}

</style>

</body>

</html>