Skip to content

Latest commit

 

History

History
71 lines (48 loc) · 1.26 KB

Readme.md

File metadata and controls

71 lines (48 loc) · 1.26 KB
Raw

#PRMap

React Component Map of Puerto Rico

#Installing

npm i --save react-pr-map

#Usage

###Simple Example

import React from 'react';
import PRMap from 'react-pr-map';

React.render(<PRMap />, document.getElementById('app'));

###Example with properties

import React from 'react';
import PRMap from 'react-pr-map';

React.render(<PRMap fill='red' stroke='blue'/>, document.getElementById('app'));

###Events

import React from 'react';
import PRMap from 'react-pr-map';

var onClick = function(evt, elem) {
  console.log(elem.data('town')); // Example: San Juan
}

React.render(<PRMap handleClick={onClick}/>, document.getElementById('app'));

#Properties

###fill The fill color of the map. Default is 'lightgreen'.

###stroke The stroke color of the map. Default is 'white'.

###strokeMiterlimit stroke-miterlimit. Default is 10.

###stroke-width The width of the stroke. Default is 0.

###stroke-opacity The opacity of the stroke. Default is 1.

#Events

All of these events are from the event system in RaphaelJS.

  • handleClick
  • handleHover
  • handleMouseOver
  • handleMouseOut
  • handleMouseUp
  • handleMouseDown
  • handleMouseMove