Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@grupo-san-cristobal/agm-snazzy-info-window

Angular Google Maps (AGM) package for Snazzy Info Window support

angular-google-maps, angular, google-maps, agm, snazzy-info-window

readme

This is a fork from the original Angular google maps project from sebastian holstein,

We have published the package under our organization since we needed support for most current Angular versions.

We will be maintaining this package in order to provide compatibility with newer Angular versions

We are not planning on adding new features to this package, and we plan to get back to the original angular google maps as soon the maintenance is reestablished on the original package

Angular Google Maps (AGM) Snazzy Info Window - Angular Google Maps components

@agm/snazzy-info-window is an extension for the @agm/core package that provides solutions for styleable/customizable info windows with the help of 'Snazzy Info Window'.

The sources for this package are in the angular-google-maps repository. Please file issues and pull requests against that repo.

License: See LICENSE file in this folder.

changelog

[16.0.0] (https://github.com/grupo-san-cristobal/angular-google-maps/) (2023-09-25)

  • Forked original version, published angular 16 compatible version

3.0.0-beta.0 (2020-07-20)

Bug Fixes

Features

  • update to angular 9/10 and @types/googlemaps (7982bfb)

1.1.0 emma (2019-11-21)

Bug Fixes

  • MapTypeControlStyle enum values (8abe038), closes #1688
  • GoogleMapsAPIWrapper: run Google Maps Apis outside of Angular (#1714) (57685f2), closes #815

Features

1.0.0 emma-soon (2019-09-17)

Bug Fixes

  • AgmCluster: styles type and remove code duplication (e55daaa)
  • AgmMap: respect disableDefaultUI (#1709) (b70cbbc), closes #933
  • FitBounds: add null check for null fit-bounds input (2bf73de)
  • FitBounds: remove old location on loc change (#1710) (b746ca3), closes #1512

Features

1.0.0-beta.7 green-ink (2019-07-14)

Bug Fixes

  • google is not defined when using fitBounds (#1652) (c9e1313), closes #1586
  • Remove "constructors" from interfaces (2bb6102)
  • AgmCircle: circle strokeWeight error (0442aa0), closes #770
  • FitBounds: correct distinct algorythm (#1673) (75bcfa0)
  • PolylinePoint: prevent accessing undefined variable on change (21efc4f), closes #1597

Features

1.0.0-beta.6 opal-clarinet (2019-06-01)

Bug Fixes

  • AgmCircle: dragstart event misspelled (8b2f2dc), closes #1537
  • AgmMap: _updateBounds not creating newBounds object (#1553) (0e8f1ab)
  • core/marker: drag and dragStart outputs (#1604) (ba7c97e)

Features

  • add experimental angular 7/8 support (e754bc7)
  • AgmMap: add area restriction option (7201a75), closes #1624
  • AgmMarker: add drag and dragStart event support (#1575) (1e6395d)
  • AgmMarkerCluster: add calculator option (#1599) (03ceb1c)
  • GoogleMapsAPILoader: change default API version (#1577) (2fc1a21), closes #1573
  • polygon, polyline: add path change event (#1643) (f9352a8)

1.0.0-beta.5 yellow-tape (2018-09-24)

Bug Fixes

1.0.0-beta.4 beryl-cobra (2018-09-22)

This release adds the long awaited auto fitBounds feature: https://github.com/SebastianM/angular-google-maps/pull/1389

Bug Fixes

Features

  • AgmMarker: add rightclick support (#1443) (8abefa0), closes #1362
  • AgmMarker: auto-convert string to Number for lat/lng (#1424) (c1d6c6d), closes #771
  • AgmMarker: include marker instance in markerClick emitter (89b6e5c)
  • core: add rectangle support (#1450) (2e4878b), closes #570
  • core: support auto fitBounds (4d3103c)

1.0.0-beta.3 orange-disk (2018-05-24)

Bug Fixes

  • AgmMap: memory leak when map gets destroyed (6006617)
  • AgmPolygon: createPolygon type fix (2563cae)
  • Lazy Loading: check if google maps script was already loaded (e513c57), closes #692
  • LazyMapsAPILoader: multiple google maps api scripts on page (07de5a4), closes #315 #775 #1260

Features

  • all packages: Support angular 6 (44fba48)
  • AgmMap: EventEmitter for maptypeid_changed event (f9c23aa)
  • AgmMarker: add animation field to markers (c57ab39), closes #580 #852
  • AgmMarker: allow objects as label (658de77)

Performance Improvements

  • AgmMap: run resolve outside angular zone (078c2a5)

BREAKING CHANGES

Angular 4.x is not officially supported anymore. Please update to Angular 5.x or 6.x.

1.0.0-beta.2 angular-five (2017-10-31)

Bug Fixes

  • AgmInfoWindow: disableAutoPan option (bf99108)
  • AgmMarkerCluster: fixes info windows (e547df8), closes #1126
  • ControlPosition: correct enum values (6081e57), closes #1105
  • datalayer: smarter ngOnChanges (91cff2a), closes #1099
  • LazyMapsApiLoader: Change OpaqueToken to InjectionToken (f1163fd)
  • snazzy-info-window: fix passing of closeOnMapClick param (#1221) (305320a), closes #1118

Features

  • support for angular 4.x and 5.x (4f2a750)
  • js-marker-clusterer: support angular 4.x and 5.x (b14a4c2)
  • snazzy-info-window: support angular 4.x and 5.x (28c9646)

BREAKING CHANGES

Angular 2.x is not officially supported anymore. Please update to Angular 4.x or 5.x.

1.0.0-beta.1 - diamond-compressor (2017-08-22)

Bug Fixes

  • AgmCircle: clickable input (7468bb4)
  • AgmPolygon: fix editable input (4b1b42d), closes #990
  • AgmPolyline: fix doubleclick output (4caeb0d), closes #1041

Features

Two new NPM packages!

  • @agm/snazzy-info-window for Snazzy Info Window support with AGM
  • @agm/js-marker-clusterer for clustered markers support with AGM

Detailed feature list:

  • add clustered markers support (5cbc515), closes #1044
  • support snazzy-info-window (1205c96)
  • AgmDataLayer: add loadGeoJson method (128c8f3), closes #1003
  • AgmMap: recentering for triggerResize (faea24d), closes #789 #976
  • AgmMarker: add clickable support (fec8b01), closes #994
  • GoogleMapsAPIWrapper: add panBy method (1afb152)

1.0.0-beta.0 - green-zebra (2017-04-09)

Please read the BREAKING CHANGES below!

Bug Fixes

Features

BREAKING CHANGES

The project and NPM package name changes:

Old name: angular2-google-maps New NPM pkg name: @agm/core

To have a consistent naming pattern, we also change the component/directive names:

Old class name / old selector New class name / new selector
SebmGoogleMap / sebm-google-map AgmMap / agm-map
SebmGoogleMapCircle / sebm-google-map-circle AgmCircle / agm-circle
SebmGoogleMapInfoWindow / sebm-google-map-info-window AgmInfoWindow / agm-info-window
SebmGoogleMapKmlLayer / sebm-google-map-kml-layer AgmKmlLayer / agm-kml-layer
SebmGoogleMapMarker / sebm-google-map-marker AgmMarker / agm-marker
SebmGoogleMapPolygon / sebm-map-polygon AgmPolygon / agm-polygon
SebmGoogleMapPolyline / sebm-google-map-polyline AgmPolyline / agm-polyline
SebmGoogleMapPolylinePoint / sebm-google-map-polyline-point AgmPolylinePoint / agm-polyline-point

You can simply migrate by search/replace these class/selector names.

The package structure also changes. The root directory now contains esm code (ES5 code with ES2015 modules).

A CommonJS compatible format and TS are not part of the package any more! This change aligns with structure of the @angular packages.

The styling of the maps is now more intuitive. To style the map, please use the agm-map element (or a custom class or ID) directly.

The .sebm-google-map-container css class is deprecated and will be gone with the next version.

The .sebm.google-map-container-inner is now called .agm-map-container-inner. .sebm-google-map-container-inner is depcrecated and will be gone with the next version.

0.17.0 christmas-edition (2016-12-22)

Bug Fixes

Features

  • Support KML Layer (4d2a5d5), closes #734
  • SebmGoogleMap: support maxZoom and minZoom (0789a17)

BREAKING CHANGES

  • core.umd.js: The files under /esm are ES5 (before: ES2015) based with ES2015 modules. In the real world, this should not cause troubles.

0.16.0 violet-sun (2016-11-07)

Bug Fixes

  • SebmGoogleMapPolyline: fix private member state (758d3e0)
  • SebmGoogleMapMarker: fix private member state (648856d)
  • SebmGoogleMapMarker: remove unused fitBounds (d625ab6)

Features

BREAKING CHANGES

  • provideLazyMapsAPILoaderConfig is gone. Please use the AgmCoreModule#forRoot method instead.

  • LazyMapsAPILoaderConfig is gone and is now a token named LAZY_MAPS_API_CONFIG. Please use the AgmCoreModule#forRoot method instead.

0.15.0 urban-filly (2016-09-15)

Bug Fixes

Features

0.14.0 tundra-snow (2016-09-02)

Bug Fixes

  • core: dont import full RxJS library (84dfaaa), closes #619
  • SebmGoogleMapCircle: circleDblClick output (6224dc3), closes #582

Code Refactoring

  • core: remove GOOGLE_MAPS_PROVIDERS (1995d4a), closes #607
  • core: remove GOOGLE_MAPS_DIRECTIVES (05544d5), closes #608

Features

BREAKING CHANGES

  • core: previously deprecated GOOGLE_MAPS_DIRECTIVES was removed. Please use AgmCoreModule instead.
  • core: previously deprecated GOOGLE_MAPS_PROVIDERS was removed. Please use AgmCoreModule instead.

0.13.0 onyx-piranha (2016-08-15)

Bug Fixes

  • SebmGoogleMap: zoom listener (b379c73)
  • SebmGoogleMapMarker: cleanup event listeners (c20d005)
  • SebmGoogleMapMarker: set marker title (9544a00), closes #505

Features

0.12.0 unexpected-lion (2016-06-21)

Bug Fixes

  • LazyMapsAPILoader: use OpaqueTokens for globs (78daae0), closes #436 #441

Features

0.11.0 red-motherboard (2016-06-12)

Bug Fixes

  • SebmGoogleMap: remove event listeners on destroy (223d0de), closes #425
  • tests: fix path in unit tests (f03f04f)

Code Refactoring

  • GoogleMapsAPIWrapper: rename getMap method (f2084dd), closes #407

Features

BREAKING CHANGES

  • SebmGoogleMap:

The latitude, longitude and zoom inputs of <sebm-google-map> must be of type number now. Strings are not supported any more.

Example:

Old (now unsupported way):

<sebm-google-map latitude="33" longitude="22" zoom="8">...

New:

<sebm-google-map [latitude]="33" [longitude]="22" [zoom]="8">...
  • GoogleMapsAPIWrapper: getMap() is now called getNativeMap().

  • ANGULAR2_GOOGLE_MAPS_PROVIDERS is now called GOOGLE_MAPS_PROVIDERS.

  • ANGULAR2_GOOGLE_MAPS_DIRECTIVES is now called GOOGLE_MAPS_DIRECTIVES.

The SystemJS based bundle located in the bundles/ dir is gone! Please use the new UMD bundle located under core/core.umd.js.

SystemJS example:

SystemJS.config({
    packages: {
        'angular2-google-maps/core': { main:  'core.umd.js', defaultExtension: 'js' }
    }
})

0.10.0 agate-octopus (2016-05-12)

Features

0.9.0 icy-lama (2016-03-22)

Bug Fixes

  • LazyMapsAPILoader: use default API version 3 (426da66), closes #195

Features

  • Expose GoogleMapsAPIWrapper (8999da2)
  • Expose InfoWindowManager (7c95e55)
  • Expose MarkerManager (0726ddb)
  • GoogleMapsAPIWrapper: expose map instance (69e3c0e), closes #161
  • LazyMapsAPILoaderConfig: add clientId (652b711), closes #198
  • SebmGoogleMap: support backgroundColor opt (bda7ca8), closes #233
  • SebmGoogleMap: support centerChange event (20ad62b), closes #212
  • SebmGoogleMap: support draggableCursor opt (00d26e5), closes #234
  • SebmGoogleMap: support draggingCursor opt (553842a), closes #235
  • SebmGoogleMap: support keyboardShortcuts opt (1a14570), closes #236
  • SebmGoogleMap: support scrollwheel mapOption (e19d99b), closes #232 #159 #211
  • SebmGoogleMap: support zoomControl opt (a5b909a), closes #237
  • SebmGoogleMap: triggering resize events (b27ae46), closes #166 #188
  • SebmGoogleMapInfoWindow: Basic support (a3df794), closes #150 #238
  • support angular2.0.0-beta.11 (e187ae6)
  • SebmGoogleMapMarker: add custom icon support (13ec2a1), closes #123 #224

0.8.1 (2016-02-28)

Bug Fixes

0.8.0 clean-phantom (2016-02-21)

Bug Fixes

  • SebmGogleMapMarker: label updates (e2b9923)

Features

  • rename MapMouseEvent to MouseEvent (978e881), closes #148
  • support angular beta.7 (66ccfe7), closes #144
  • LazyMapsAPILoader: support libraries query param (a94662f), closes #114
  • LazyMapsAPILoader: support region & language (a127a79), closes #102 #125
  • SebmGoogleMap: support disableDefaultUI MapOption (a5c9002), closes #103 #113
  • SebmGoogleMapMarker: add draggable option (a8ba736), closes #70 #147
  • SebmGoogleMapMarker: support dragend event (8f60c54), closes #71 #149

BREAKING CHANGES

  • MapMouseEvent is now called MouseEvent. Please update your imports:

before:

import {MapMouseEvent} from 'angular2-google-maps/core';

after:

import {MouseEvent} from 'angular2-google-maps/core';

0.7.0

This release was incorrect; replaced with 0.8.0

0.6.1 shiny-neutron (2016-01-30)

Bug Fixes

  • SebmGoogleMap: show map when zoom is not set (b975c76), closes #81
  • SebmGoogleMapMarker: run click event in zone (2a3e390)
  • SebMGoogleMapMarker: 0 value for lat/lng (e65568e), closes #82 #101

Features

  • angular2: support angular2-beta.2 (592648c)

0.6.0 supersonic-scorpion (2016-01-12)

Bug Fixes

  • SebmGoogleMap: use ngOnInit to support angular 2.0.0-beta.1 (1c25cb9), closes #79 #76

Features

  • LazyMapsAPILoader: make Google Maps API version configurable (728960d)

0.5.0 eager-electron (2015-12-27)

Bug Fixes

  • package: align peer & JSPM dependencies with ng2 beta.0 (4fcd9af)

Features

  • change file naming convention (5a1ac76)
  • packaging: change package structure (77d634e)
  • SebmGoogleMap: support map click event (c18640c)
  • SebmGoogleMap: support disableDoubleClickZoom mapOption (fff0a29)
  • SebmGoogleMap: support double-click event (5f1ae68)
  • SebmGoogleMap: support right click event (eab715e)

BREAKING CHANGES

  • When you import a directive directly, you have to change the import path:

Old:

import {SebmGoogleMap} from 'angular2-google-maps/directives/google_map';

New:

import {SebmGoogleMap} from 'angular2-google-maps/directives/google-map';
  • The module name has changed. So you have to change your import path. old: angular2_google_maps/angular2_google_maps new: angular2-google-maps/core
  • ES5 files that can be consumed using CommonJS are now in the root directory (old path was /cjs/angular2_google_maps)
  • The ES6 files directory has changed: Old dir: /es6/angular2_google_maps New dir: /es6
  • The TypeScript files directory has changed: Old dir: /ts/angular2_google_maps New dir: /ts
  • The /typings directory with bundled typings was deleted. (Typings are now in the root directory seperated by file)

0.4.0 (2015-12-17)

Features

  • export ANGULAR2_GOOGLE_MAPS_DIRECTIVES (83bcd9f)
  • angular2: support 2.0.0-beta.0 (0bae421), closes #51
  • SebmGoogleMapMarker: support click event (2926de7)

BREAKING CHANGES

  • angular2_google_maps/components module renamed to angular2_google_maps/directives

0.3.0 (2015-12-10)

Features

  • angular2: add angular2.0.0-alpha.52 support (8a1d813)

0.2.0 (2015-11-19)

Features

  • GoogleMapsAPILoading: lazy load mechanism (d05e6d3)
  • sebmGoogleMapMarker: support basic label (f2e1257)

BREAKING CHANGES

  • GoogleMapsAPILoading:
    • You have to add the ANGULAR2_GOOGLE_MAPS_PROVIDERS to your bootstrap() method:
      import {ANGULAR2_GOOGLE_MAPS_PROVIDERS} from 'angular2_google_maps/angular2_google_maps';
      bootstrap(myComponent, [ANGULAR2_GOOGLE_MAPS_PROVIDERS]);
    • Google Maps API v3 gets loaded automatically now by default. So you can remove the Google Maps API script tag from your page. Alternatively, you can tell angular2-google-maps that the Google Maps API is already loaded on the page with this configuration:
      bootstrap(App, [
      ANGULAR2_GOOGLE_MAPS_PROVIDERS,
      // If you don't want to let angular2-google-maps load the Google Maps API script,
      // you can use the NoOpMapsAPILoader like this:
      provide(MapsAPILoader, {useClass: NoOpMapsAPILoader})
      ])

0.1.0 (2015-11-07)

Features

  • components: add sebm-google-map component (120a5df)
  • marker: add basic marker support (ec644a4)