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 = "btnOnSatellite" onclick="Onsatellite()">OnSatellite
</button>
<button class = "btnOffSatellite" onclick="Offsatellite()">OffSatellite
</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 Onsatellite(){
mapInstance.setSatellite('visible')
};
function Offsatellite(){
mapInstance.setSatellite('none')
};
</script>
<style>

</style>
</body>
</html>