Options

• Default options
• Options overriding

Default options

        height: 480,
        width: 640,
        zoom: 12,
        maxZoom: 2,
        draggable: false,
        resize: false,
        coords: {
            longitude: 0,
            latitude: 0
        }

---

@prop {Number} height - height of map DOM node
@prop {Number} width - width of map DOM node

Map height and width are inherited from parent node sizes. If parent node sizes are not specified, the map will initialize with default ones.

---

@prop {Number} zoom - map zoom value

Map zoom value is inversely proportional to scale

---

@prop {Number} maxZoom - map zoom value for initialized map if longitude and latitude are not specified or equal zero

---

@prop {Boolean} draggable - defines if the map can be draggable or not

Only works in pair with events attribute

---

@prop {Boolean} resize - resizes map if window size changes

---

@prop {Object} coords - map initialization geo coordinates
@prop {Number} coords.latitude - geo latitude
@prop {Number} coords.longitude - geo longitude

Options overriding

Initialize the directive with your own options scope:

    $scope.mapOptions = {
        height: 640,
        width: 960,
        draggable: true,
        coords: {
            longitude: 13.338931,
            latitude: 52.508249
        }
    };

    <div heremaps options="mapOptions"></div>