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" />

<link rel="shortcut icon" href="https://maps.fatos.biz/dist/favicon.png">

<title>FATOS Map</title>

</head>

<body>

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

<div id="app"></div>

</div>

<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: 15,

center: LatLng,

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

}

)

 

let markerIcon = "https://maps.fatos.biz/dist/point_icon_s.png"

let marker = new fatosmap.maps.Marker({

position: {lat: 13.753815, lng: 100.501833},

map: mapInstance,

icon: markerIcon,

iconSize: [60,60],

message: 'Here'

});

</script>

<style>

</style>

</body>

</html>