@airglow/prefab-map
Prefabs for map implementations
Last updated 2 months ago by dgrossen .
Apache-2.0 · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @airglow/prefab-map 
SYNC missed versions from official npm registry.

Prefab-Map

A custom Prefab for dealing with map views. It allows you to manage map zoom level, mode, position, and more.

Installation

npm install --save @airglow/prefab @airglow/prefab-map

Getting Started

To add the Map Prefab, you simply need to import the prefab somewhere in your code:

import '@airglow/prefab-map';

Now you're ready to go.

Usage

You may create a map prefab like so:

import prefab from '@airglow/prefab';

export default prefab({
  map: {
    type: 'map',
    defaultZoom: 3
  }
});

const mapState = state => ({
  zoom: prefab.map.zoom(state),
  mode: prefab.map.mode(state),
  position: prefab.map.position(state)
});

const mapHandlers = dispatch => ({
  onToggleMode: () => dispatch(prefab.map.toggleModeAction()),
  onPostiion: (latitude, longitude) => dispatch(prefab.map.positionAction({
    latitude, longitude
  })),
  onZoomOut: () => dispatch(prefab.map.zoomOutAction()),
  onZoomIn: () => dispatch(prefab.map.zoomInAction())
});

connect(mapState, mapHandlers)(View);

Selectors

The following items take the state object:

Selector Description
zoom The current zoom level of the map
mode The current mode (map or satellite)
position The current center point of the map ([latitude, longitude])

Handlers

The following actions can be dispatched to update the map's store:

Handlers Input Description
toggleModeAction none Toggles map mode betweein map and satellite
positionAction { latitude: X, longitude: Y } Sets the map center position
zoomInAction none Zooms the map in one level. Often used with a button.
zoomOutAction none Zooms the map out one level. Often used with a button.
zoomAction new zoom level Sets a new zoom level. Often used with mouse-wheel zooms

Current Tags

  • 0.8.0                                ...           latest (2 months ago)

11 Versions

  • 0.8.0                                ...           2 months ago
  • 0.7.0                                ...           7 months ago
  • 0.6.1                                ...           7 months ago
  • 0.6.0                                ...           7 months ago
  • 0.5.2                                ...           8 months ago
  • 0.5.0                                ...           a year ago
  • 0.4.0                                ...           2 years ago
  • 0.3.3                                ...           2 years ago
  • 0.3.2                                ...           2 years ago
  • 0.3.1                                ...           2 years ago
  • 0.3.0                                ...           2 years ago
Maintainers (2)
Downloads
Today 0
This Week 0
This Month 33
Last Day 0
Last Week 22
Last Month 27
Dependencies (2)
Dev Dependencies (1)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |