ng-pin v0.0.11

ng-pin

This is the library project for ng-pin.

To use simply include the package in your package.json

<section angular-pin [(pinInformation)]="pinInformation">

</section>

pinInformation can be defined as follows:

pinInformation : PinInformation = <PinInformation>{pins  : []};

and then fill it in.

    this.pinInformation.imageLocation = './assets/westgate.jpg';
    this.pinInformation.imageXSize = 600;
    this.pinInformation.imageYSize = 900;
    let pin = new Pin();
    pin.text = 'Westgate Towers';
    pin.xcoords = 20;
    pin.ycoords = 100;
    pin.size = Size.Medium;
    this.pinInformation.pins.push(pin);

The initial pin array can be empty. The initial asset location should be somewhere an image is.

In your angular.json you need to specify at least where the ng-pin stylesheet comes from:

{
  "styles": [
    "./node_modules/ng-pin/assets/styles.css"
  ]
}