react-cartographer - npm Package Compare versions

Comparing version 0.4.0 to 0.4.1

index.jsx

@@ -89,3 +89,3 @@ /**
 
-        Example of using a Bing Map as a backgroud image (Latitude: 51.477222, Longitude: 0)
+        Example of using a Bing Map as a background image (Latitude: 51.477222, Longitude: 0)
         <Map
@@ -99,3 +99,2 @@ provider='bing'
             height={270}
-            width={580}
             useBackgroundImageStyle={true}
@@ -102,0 +101,0 @@ />

lib/components/Map.js

@@ -14,3 +14,3 @@ /**
 
-var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
+var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
 
@@ -17,0 +17,0 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

lib/lib/bingMap.js

@@ -31,4 +31,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -35,0 +35,0 @@

lib/lib/googleMap.js

@@ -31,4 +31,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -35,0 +35,0 @@

lib/lib/mapQuestMap.js

@@ -31,4 +31,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -35,0 +35,0 @@

lib/lib/yahooMap.js

@@ -31,4 +31,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -35,0 +35,0 @@

package.json

 {
   "name": "react-cartographer",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Generic React component for displaying static maps using Yahoo, Google or Bing as a map provider.",
@@ -22,4 +22,3 @@ "author": "Edmond Chow <[e-mail]>",
   "dependencies": {
-    "url": "^0.10.0",
-    "lodash": "^3.8.0",
+    "lodash": "^4.0.0",
     "react": "^0.14"
@@ -30,23 +29,23 @@ },
     "babel-loader": "^5.3",
+    "chai": "^3.2.0",
     "coveralls": "^2.11.2",
-    "istanbul": "^0.3.11",
-    "react": "<=0.14.x",
     "debug": "^2.0.0",
-    "jenkins-mocha": "^2.2",
-    "mocha": "^2.2.5",
-    "chai": "^3.2.0",
-    "jshint": "^2.5.5",
     "grunt": "^0.4.5",
-    "grunt-cli": "^0.1.13",
+    "grunt-babel": "^5.0",
+    "grunt-cli": "^1.0.0",
     "grunt-concurrent": "^1.0.0",
-    "grunt-contrib-clean": "^0.6.0",
-    "grunt-contrib-copy": "^0.8.0",
+    "grunt-contrib-clean": "^1.0.0",
+    "grunt-contrib-copy": "^1.0.0",
     "grunt-nodemon": "^0.4.0",
-    "grunt-babel": "^5.0",
     "grunt-webpack": "^1.0.8",
+    "http-server": "^0.9.0",
+    "istanbul": "^0.4.0",
+    "jenkins-mocha": "^2.2",
+    "jshint": "^2.5.5",
     "json-loader": "^0.5.1",
+    "mocha": "^2.2.5",
     "nodemon": "^1.2.1",
+    "react": "<=0.14.x",
     "webpack": "^1.4.12",
-    "webpack-dev-server": "^1.6.5",
-    "http-server": "~0.7.1"
+    "webpack-dev-server": "^1.6.5"
   },
@@ -53,0 +52,0 @@ "precommit": [

README.md

@@ -29,9 +29,10 @@ <img src="https://avatars2.githubusercontent.com/u/6412038?v=3&s=200" alt="react logo" title="react" align="right" width="64" height="64" />
 * Static zoom ability
-* Updated for React 0.13
+* Updated for React 0.14
 * Ability to use Yahoo / Google / Bing as a provider
 * Marker Pins
+* background image option via prop for all map providers
 
 ## Usage
 ```js
-var MapComponent    = require('react-cartographer/components/Map.jsx');
+var MapComponent    = require('react-cartographer/lib/components/Map');
 ```
@@ -111,3 +112,3 @@
 Map of Apple Location using bing (latitude, longitude)
-```js        
+```js
 <MapComponent
@@ -124,3 +125,17 @@ provider='bing'
 ```
+Example of using a Bing Map as a background image (Latitude: 51.477222, Longitude: 0)
+```js
+<MapComponent
+    provider='bing'
+    providerKey='{your app id}'
+    mapId='bing'
+    latitude={51.477222}
+    longitude={0}
+    zoom={15}
+    height={270}
+    useBackgroundImageStyle={true}
+/>
+```
 
+
 ## Development
@@ -158,4 +173,5 @@ ```sh
 | height | height of map |  270px |
-| width | width of map | 580px | 
+| width | width of map | 580px |
 | zoom | zoom level of the map location |  10 |
+| useBackgroundImageStyle | get the map as a background image | false
 
@@ -162,0 +178,0 @@ ## License

src/lib/bingMap.js

@@ -15,4 +15,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -68,2 +68,2 @@
     }
-}
+}

src/lib/googleMap.js

@@ -15,4 +15,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -66,2 +66,2 @@
     }
-}
+}

src/lib/mapQuestMap.js

@@ -15,4 +15,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -53,2 +53,2 @@
     }
-}
+}

src/lib/yahooMap.js

@@ -15,4 +15,4 @@ /**
     // Collection
-    pick: require('lodash/object/pick'),
-    identity: require('lodash/utility/identity')
+    pick: require('lodash/pickBy'),
+    identity: require('lodash/identity')
 };
@@ -19,0 +19,0 @@

webpack.config.js

@@ -9,2 +9,3 @@ /**
 module.exports = {
+    devtool: 'source-map',
     entry: './index.jsx',
@@ -11,0 +12,0 @@ output: {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

260523

increased by399.41%

Dependency count

2

decreased by-33.33%

Number of package files

46

increased by70.37%

Lines of code

5182

increased by407.05%

Number of lines in readme file

179

increased by9.82%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedlodash@4.17.21(transitive)

• - Removedurl@^0.10.0

• - Removedlodash@3.10.1(transitive)

• - Removedpunycode@1.3.2(transitive)

• - Removedquerystring@0.2.0(transitive)

• - Removedurl@0.10.3(transitive)

• Updatedlodash@^4.0.0