API DOCUMENTATION

Button Control

To use fatosmap’s default map button, you need to put the following html code.

 

Example
<div class="fatos-control-container" >
 <div class="fatos-ctrl-top-right">
  <div class="fatos-ctrl fatos-ctrl-group">
   <button class="fatos-ctrl-icon fatos-ctrl-zoom-in">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-zoom-out">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-compass">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-pitch">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-satellite">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-leftBearing">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-rightBearing">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-fullscreen">
   </button>
   <button class="fatos-ctrl-icon fatos-ctrl-geolocate">
   </button>
  </div>
 </div>
</div>

 

Button show/Invisible

Each button can be shown to the user randomly or invisibly.

 

onBtnAll()

You can create the top right button bar.

mapInstance.offBtnAll()

 

onBtnZoom()

You can create the top right zoom-in and zoom-out buttons

mapInstance.onBtnZoom()

 

offBtnZoom()

You can remove the top right zoom-in and zoom-out buttons

mapInstance.offBtnZoom()

 

onBtnCompass()

You can create the top right compass button

mapInstance.onBtnCompass()

 

offBtnCompass()

You can remove the top right compass button

mapInstance.offBtnCompass()

 

onBtnPitch()

You can create the top right pitch button

mapInstance.onBtnPitch()

 

offBtnPitch()

You can remove the top right pitch button

mapInstance.offBtnPitch()

 

onBtnSatellite()

You can create the top right satellite button

mapInstance.onBtnSatellite()

 

offBtnSatellite()

You can remove the top right satellite button

mapInstance.offBtnSatellite()

 

onBtnBering()

You can create the top right left-bering and right-bering buttons.

mapInstance.onBtnBering()

 

offBtnBering()

You can remove the top right left-bering and right-bering buttons.

mapInstance.offBtnBering()

 

onBtnFullScreen()

You can create the top right full-screen button

mapInstance.onBtnFullScreen()

 

offBtnFullScreen()

You can remove the top right full-screen button

mapInstance.offBtnFullScreen()

 

onBtnGeoLocate()

You can create the top right geographic location button

mapInstance.onBtnGeoLocate()

 

offBtnGeoLocate()

You can remove the top right geographic location button

mapInstance.offBtnGeoLocate()