🐯
Copy of FATOS Developer
Developer SiteConsole
  • Maps
    • Map control
      • Sources
      • Bounds
      • Zoom
      • Center
      • Rotate (Heading)
      • Tilt
      • Flyto
      • Solid (Buildings)
      • Language
      • Theme
      • Event Once
      • Event On/Off
    • Layer Control
    • Map UI
    • Map Utilities
      • Rectangle
      • Circle
      • Polyline
      • Polygon
      • Area
      • Distance
      • Mark
  • Search
    • Name
    • Category
    • Address
    • Geocoding
  • Route
    • Passenger Car
    • Motorbike
    • Truck
    • Public Transportation
    • Bicycle
    • Pedestrian
  • TMS
    • Route with multiple waypoints
    • Route as optimize order of waypoints
    • Route as optimize order of logistics
    • Route as optimize order of delivery
    • Route to predict which is after some time
  • FMS
    • Realtime tracking
    • Driving trajectory analysis
    • Driving road pattern analysis
    • Driver behavior analysis
    • Road snap
    • Geofencing
  • Navigation SDK
    • For Fire Engine
    • For Mobility on Demand
    • For City GAS
  • Get your API Key
  • Troubleshooting
    • FAQ
Powered by GitBook
On this page
  1. Maps
  2. Map Utilities

Rectangle

Create a rectangle to display on the map.

PreviousMap UtilitiesNextCircle

Last updated 2 years ago

new fatosmap.maps.Rectangle({ option });
Required Parameter
Description
Type

map

Map object to display the Rectangle

Map instance

Optional Parameter
Description
Type

circleStyle

Set individual circle styles.

color : Set the color of the inner cluster. Colors, HEX, RGB, RGBA Default : #fff strokeColor : Set the color of the outer cluster. Colors, HEX, RGB, RGBA Default : #F2AF4E strokeWidth : Set the width of the outer cluster. numeric Default : 4 radius : Set the radius of the cluster. numeric

Default : 4.5

Object

rectangleStyle

Set individual rectangle styles.

lineColor : The color with which the line will be drawn. Colors, HEX, RGB, RGBA Default : #1bcdc1 lineWidth : Stroke thickness.

numeric

Default : 5 dashLineColor : The color with which the line will be drawn. Colors, HEX, RGB, RGBA Default : #a5a5a5 dashLineWidth : Stroke thickness.

numeric

Default : 4 dashArray : Specifies the lengths of the alternating dashes and gaps that form the dash pattern. Array<numeric> Default : [3, 2] fillColor : The color of the filled part of this layer. Colors, HEX, RGB, RGBA Default : #1bcdc1 fillOpacity : The opacity of the entire fill layer. numeric between 0 and 1

Default : 0.3 textColor : The color with which the text will be drawn. Colors, HEX, RGB, RGBA Default : #F2AF4E

textSize : Set the font size. numeric Default : 18 textHaloColor : The color of the text's halo, which helps it stand out from backgrounds. Colors, HEX, RGB, RGBA Default : #fff textHaloWidth : Distance of halo to the font outline. Max text halo width is 1/4 of the font-size.

numeric Default 5

overlap : If true, the icon will be visible even if it collides with other previously drawn symbols.

boolean Default true

placement : If true, other symbols can be visible even if they collide with the icon.

boolean Default true

Object

callback

A callback is a function passed as an argument to another function.

Function

Drawing