Map Component

[atd-schubert]

Make a map component like described in the documentation:

Component name in Angular2: yaga-map.

Children

• ng-content(Layer(s...), Control(s...), Sensor(s...))

Two-Way

• [(lat)]: number
• [(lng)]: number
• [(zoom)]: number
• [(minZoom)]: number
• [(maxZoom)]: number
• [(maxBounds)]: Bounds

Options

Interaction Options

• [closePopupOnClick]: boolean
• [zoomSnap]: number
• [zoomDelta]: number
• [trackResize]: boolean
• [boxZoom]: boolean
• [doubleClickZoom]: boolean
• [dragging]: boolean

Map State Options

• [crs]: CRS
• [center]: LatLng
• [zoom]: number
• [minZoom]: number
• [maxZoom]: number
• [layers]: Laye
• [maxBounds]: LatLngBounds
• [renderer]: Renderer

Animation Options

• [fadeAnimation]: boolean
• [markerZoomAnimation]: boolean
• [transform3DLimit]: number
• [zoomAnimation]: boolean
• [zoomAnimationThreshold]: number

Panning Inertia Options

• [inertia]: boolean
• [inertiaDeceleration]: number
• [inertiaMaxSpeed]: number
• [easeLinearity]: number
• [worldCopyJump]: boolean
• [maxBoundsViscosity]: number

Keyboard Navigation Options

• [keyboard]: boolean
• [keyboardPanDelta]: number

Mousewheel options

• [scrollWheelZoom]: boolean
• [wheelDebounceTime]: number
• [wheelPxPerZoomLevel]: number

Touch interaction options

• [tap]: boolean
• [tapTolerance]: number
• [touchZoom]: Boolea
• [bounceAtZoomLimits]: boolean

Events

Layer events

• (baselayerchange): LayersControlEvent
• (overlayadd): LayersControlEvent
• (overlayremove): LayersControlEvent
• (layeradd): LayerEvent
• (layerremove): LayerEvent

Map state change events

• (zoomlevelschang): Event
• (resize): ResizeEvent
• (unload): Event
• (viewreset): Event
• (load): Event
• (zoomstart): Event
• (movestart): Event
• (zoom): Event
• (move): Event
• (zoomend): Event
• (moveend): Event

Popup events

• (popupopen): PopupEvent
• (popupclose): PopupEvent
• (autopanstart): Event

Tooltip events

• (tooltipopen): TooltipEvent
• (tooltipclose): TooltipEvent

Interaction events

• (click): MouseEvent
• (dblclick): MouseEvent
• (mousedown): MouseEvent
• (mouseup): MouseEvent
• (mouseover): MouseEvent
• (mouseout): MouseEvent
• (mousemove): MouseEvent
• (contextmen): MouseEvent
• (keypress): KeyboardEvent
• (preclick): MouseEvent

Animation Options

• (zoomanim): ZoomAnimEvent

Keep in mind to remove the default controls, because we want to add them later with a own directive:

• attributionControl over yaga-attribution-control
• zoomControl over yaga-zoom-control

[atd-schubert]

The map has a doubeClickZoom that is 2Way databinded...

[atd-schubert]

Ready and ready for merge