react-d3-map-mobile
Mobile first map!
Install
npm install react-d3-map-mobile
Example
Polygon
"use strict"; var React = ;var ReactDOM = ;var topojson = ; var MercatorMobileMap = MercatorMobileMap;var PolygonGroup = PolygonGroup; var css= ; // Example { var width = windowinnerWidth > 736? 736 : windowinnerWidth; var height = windowinnerHeight > 736? 736 : windowinnerHeight; var scale = 1 << 12; var controllerScale = 1 << 8; var center = -10095 407; var data = ; var { return 'hello I am polygon'; } ReactDOM }
Line
"use strict"; var React = ;var ReactDOM = ;var topojson = ; var MercatorMobileMap = MercatorMobileMap;var LineGroup = LineGroup; var css= ; // Example { var width = windowinnerWidth > 736? 736 : windowinnerWidth; var height = windowinnerHeight > 736? 736 : windowinnerHeight; var scale = 1 << 22; var controllerScale = 1 << 17; var center = -122486052 37830348; var data = "type": "Feature" "properties": "text": "this is a LineString" "geometry": "type": "LineString" "coordinates": -12248369693756104 3783381888486939 -12248348236083984 3783317489144141 -12248339653015138 3783270036637107 -12248356819152832 37832056363179625 -12248404026031496 3783114119107971 -12248404026031496 3783049717427869 -12248348236083984 37829920943955045 -12248356819152832 3782954808664175 -12248507022857666 3782944639795659 -12248610019683838 3782880236636284 -12248695850372314 3782931081282506 -12248700141906738 3783080223556934 -12248751640319824 3783168351665737 -12248803138732912 37832158048267786 -12248888969421387 3783297152392784 -12248987674713133 3783263257682617 -12249043464660643 37832937629287755 -12249125003814696 37832429207817725 -12249163627624512 37832564787218985 -12249223709106445 3783337825839438 -12249378204345702 3783368330777276 var { return dpropertiestext; } ReactDOM }
Point
"use strict"; var React = ;var ReactDOM = ;var topojson = ; var MercatorMobileMap = MercatorMobileMap;var PointGroup = PointGroup;var MarkerGroup = MarkerGroup; var css= ; // Example { var width = windowinnerWidth > 736? 736 : windowinnerWidth; var height = windowinnerHeight > 736? 736 : windowinnerHeight; var scale = 1200 * 5; var controllerScale = 1 << 8; var center = -5 554; var uk = ; var data = topojson; var { return dpropertiesname; } ReactDOM }
Styles
You will have to clone react-d3-map-mobile.css
and include in your html for default styles.
License
Apache 2.0