# Rectangle

A Rectangle is similar to a Polygon in that you can define custom colors, weights, and opacities for the edge of the
rectangle (the "stroke") and custom colors and opacities for the area within the enclosed region (the "fill"). Unlike
a Polygon, you do not define paths for a Rectangle; instead, a rectangle has one additional property which defines its
shape : the bound.

## Build your rectangle

### By configuration file

By default, the bundle doesn't need any configuration. Most of the service have a default configuration which allows
you to use the given objects like they are. The ``ivory_google_map.rectangle`` service is. The configuration describes
below is this default configuration.

```yaml
# app/config/config.yml

ivory_google_map:
    rectangle:
        # Your own rectangle class
        class: "My\Fucking\Rectangle"

        # Your own rectangle helper class
        helper_class: "My\Fucking\RectangleHelper"

        # Prefix used for the generation of the rectangle javascript variable
        prefix_javascript_variable: "rectangle_"

        # Bound of the rectangle
        bound:
            south_west:
                latitude: -1
                longitude: -1
                no_wrap: true
            north_east:
                latitude: 1
                longitude: 1
                no_wrap: true

        # Custom rectangle options
        # By default, there is no options
        options:
            clickable: false
            strokeColor: "#ffffff"
```

``` php
<?php

// Requests the ivory google map rectangle service
$rectangle = $this->get('ivory_google_map.rectangle');
```

### By coding

If you want to learn more, you can read
[this documentation](https://github.com/egeloen/ivory-google-map/blob/master/doc/usage/overlays/rectangle.md).