Package Exports
- angular8-yandex-maps
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 (angular8-yandex-maps) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Angular8-yandex-maps
Angular-Yandex-Maps is an Angular library for simplifying work with the Yandex.Maps API. Supports Angular 6+.
The library implements the main components: map, panorama, placemark, geoobject, multiroute and controls. You can find documentation for these components in the left menu. For a more detailed description of inputs, outputs check API Yandex.Maps documentation.
Events: IEvent, ILoadEvent - return the ymaps instance and created entity. This makes possible to use full Yandex.Maps API.
The key idea of the library is to reduce ymaps usage and use components from the 'box'. Leave suggestions, problems, errors, difficulties in GitHub Issues. Thanks for using the library!
Documentation
Examples
Popular
- Using a custom image for the placemark
- Efficiently adding lots of placemarks to the map
- Route to the point on the map
- Searching for organizations
- Calculating delivery cost
Panorama
GeoObjects
Multiroute
Controls
Installation
npm install angular8-yandex-mapsUsage
module.ts
import { AngularYandexMapsModule } from 'angular8-yandex-maps';
@NgModule({
imports: [AngularYandexMapsModule.forRoot(API_KEY)]
/**
* forRoot & API_KEY are optional
* imports: [AngularYandexMapsModule]
*/
})component.html
<div class="container">
<angular-yandex-map [center]="[55.751952, 37.600739]" [zoom]="12">
<angular-yandex-placemark [geometry]="[55.751952, 37.600739]"></angular-yandex-placemark>
</angular-yandex-map>
</div>component.css
.container {
width: 1000px;
height: 500px;
}