Examples
<!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 = "btnSetTilt" onclick="setTilt()">setTilt
</button>
<button class = "btnGetTilt" onclick="getTilt()">getTilt
</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 setTilt(){
var ranNum = Math.floor(Math.random() * 60);
mapInstance.setTilt(ranNum); // number 0~60
}
function getTilt(){
alert(mapInstance.getTilt());
};
</script>
<style>
</style>
</body>
</html>