JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1281
  • Score
    100M100P100Q111414F
  • License MIT

Custom marker overlay for the @agm/core package

Package Exports

  • agm-overlays

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (agm-overlays) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

agm-overlays

Custom marker overlay for the @agm/core package

demo page

hire me npm version npm downloads Dependency Status

Source Repository : master branch here

Table of Contents

Dependencies

Please be sure you have installed:

Install

Open a command terminal and type the following

npm install agm-overlays --save-dev

Import

import { AgmOverlays } from "@agm-overlays"
import { NgModule } from "@angular/core"
import { BrowserModule } from '@angular/platform-browser'

@NgModule({
  imports:[
    BrowserModule,
    AgmOverlays,
    AgmCoreModule.forRoot({
      apiKey: '...your-key-here...'
    })
  ]
}) export class AppModule {}

Usage

<agm-map
  [zoom] = "5"
  style  = "height:300px;display:block;"
>
  <agm-overlay
    *ngFor      = "let item of latLngArray"
    [latitude]  = "item.latitude"
    [longitude] = "item.longitude"
  >
    <!-- blue html square -->
    <div style="width:15px;height:15px;background-color:blue;"></div>
  </agm-overlay>
</agm-map>

Resources

Credits and Collaborators

Also Try