Newfangled Package Modernizer
    Have ideas to improve npm?Join in the discussion! »

    @agm/drawing
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.0-beta.0 • Public • Published

    Map Drawing for AGM


    this package adds drawing support to AGM.

    Installation

    npm install @agm/drawing
    # or 
    yarn add @agm/drawing

    Usage

    1. Import the module
    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { AppComponent } from './app.component'
    // add these imports
    import { AgmCoreModule } from '@agm/core';
    import { AgmDrawingModule } from '@agm/drawing'
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        AgmCoreModule.forRoot({
          apiKey: ['YOUR_API_KEY_HERE'],
          libraries: ['drawing']
        }),
        AgmDrawingModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    1. use it in your template
    <agm-map style="height: 300px" [latitude]="51.673858" [longitude]="7.815982" [agmDrawingManager]="drawing">
    </agm-map>
    <agm-drawing-manager #drawing="agmDrawingManager" [drawingMode]="'circle'" [circleOptions]="{fillColor:'red', radius: 150}"></agm-drawing-manager>

    Install

    npm i @agm/drawing

    DownloadsWeekly Downloads

    949

    Version

    3.0.0-beta.0

    License

    MIT

    Unpacked Size

    148 kB

    Total Files

    21

    Last publish

    Collaborators

    • avatar