API DOCUMENTATION
API DOCUMENTATION
To use fatosmap’s default map button, you need to put the following html code.
<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>
Each button can be shown to the user randomly or invisibly.
You can create the top right button bar.
mapInstance.offBtnAll()
You can create the top right zoom-in and zoom-out buttons
mapInstance.onBtnZoom()
You can remove the top right zoom-in and zoom-out buttons
mapInstance.offBtnZoom()
You can create the top right compass button
mapInstance.onBtnCompass()
You can remove the top right compass button
mapInstance.offBtnCompass()
You can create the top right pitch button
mapInstance.onBtnPitch()
You can remove the top right pitch button
mapInstance.offBtnPitch()
You can create the top right satellite button
mapInstance.onBtnSatellite()
You can remove the top right satellite button
mapInstance.offBtnSatellite()
You can create the top right left-bering and right-bering buttons.
mapInstance.onBtnBering()
You can remove the top right left-bering and right-bering buttons.
mapInstance.offBtnBering()
You can create the top right full-screen button
mapInstance.onBtnFullScreen()
You can remove the top right full-screen button
mapInstance.offBtnFullScreen()
You can create the top right geographic location button
mapInstance.onBtnGeoLocate()
You can remove the top right geographic location button
mapInstance.offBtnGeoLocate()