Update deprecated prop names in examples

visgl · Jun 11, 2021 · 36cd19e · 36cd19e
1 parent 9d0e568
commit 36cd19e
Show file tree

Hide file tree

Showing 18 changed files with 18 additions and 18 deletions.
diff --git a/examples/get-started/pure-js/arcgis/app.js b/examples/get-started/pure-js/arcgis/app.js
@@ -17,7 +17,7 @@ loadArcGISModules(['esri/Map', 'esri/views/MapView']).then(({DeckLayer, modules}
         filled: true,
         pointRadiusMinPixels: 2,
         pointRadiusScale: 2000,
-        getRadius: f => 11 - f.properties.scalerank,
+        getPointRadius: f => 11 - f.properties.scalerank,
         getFillColor: [200, 0, 80, 180],
         // Interactive props
         pickable: true,

diff --git a/examples/get-started/pure-js/basic/app.js b/examples/get-started/pure-js/basic/app.js
@@ -37,7 +37,7 @@ export const deck = new Deck({
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/pure-js/carto/app.js b/examples/get-started/pure-js/carto/app.js
@@ -72,7 +72,7 @@ function render() {
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       autoHighlight: true,
       highlightColor: [0, 0, 128, 128],

diff --git a/examples/get-started/pure-js/globe/app.js b/examples/get-started/pure-js/globe/app.js
@@ -49,7 +49,7 @@ export const deck = new Deck({
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/pure-js/google-maps/app.js b/examples/get-started/pure-js/google-maps/app.js
@@ -36,7 +36,7 @@ loadScript(GOOGLE_MAPS_API_URL).then(() => {
         filled: true,
         pointRadiusMinPixels: 2,
         pointRadiusScale: 2000,
-        getRadius: f => 11 - f.properties.scalerank,
+        getPointRadius: f => 11 - f.properties.scalerank,
         getFillColor: [200, 0, 80, 180],
         // Interactive props
         pickable: true,

diff --git a/examples/get-started/pure-js/harp.gl/app.js b/examples/get-started/pure-js/harp.gl/app.js
@@ -69,7 +69,7 @@ export const deck = new Deck({
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/pure-js/mapbox/app.js b/examples/get-started/pure-js/mapbox/app.js
@@ -49,7 +49,7 @@ export const deck = new Deck({
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/react/arcgis/app.js b/examples/get-started/react/arcgis/app.js
@@ -41,7 +41,7 @@ function App() {
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/react/basic/app.js b/examples/get-started/react/basic/app.js
@@ -42,7 +42,7 @@ function Root() {
         filled={true}
         pointRadiusMinPixels={2}
         pointRadiusScale={2000}
-        getRadius={f => 11 - f.properties.scalerank}
+        getPointRadius={f => 11 - f.properties.scalerank}
         getFillColor={[200, 0, 80, 180]}
         pickable={true}
         autoHighlight={true}

diff --git a/examples/get-started/react/mapbox/app.js b/examples/get-started/react/mapbox/app.js
@@ -38,7 +38,7 @@ function Root() {
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/scripting/arcgis/index.html b/examples/get-started/scripting/arcgis/index.html
@@ -37,7 +37,7 @@
         filled: true,
         pointRadiusMinPixels: 2,
         pointRadiusScale: 2000,
-        getRadius: f => (11 - f.properties.scalerank),
+        getPointRadius: f => (11 - f.properties.scalerank),
         getFillColor: [200, 0, 80, 180],
         // Interactive props
         pickable: true,

diff --git a/examples/get-started/scripting/basic/index.html b/examples/get-started/scripting/basic/index.html
@@ -52,7 +52,7 @@
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => (11 - f.properties.scalerank),
+      getPointRadius: f => (11 - f.properties.scalerank),
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/scripting/carto/index.html b/examples/get-started/scripting/carto/index.html
@@ -97,7 +97,7 @@ <h3>Layer selector</h3>
           filled: true,
           pointRadiusMinPixels: 2,
           pointRadiusScale: 2000,
-          getRadius: f => 11 - f.properties.scalerank,
+          getPointRadius: f => 11 - f.properties.scalerank,
           getFillColor: [200, 0, 80, 180],
           autoHighlight: true
         }),

diff --git a/examples/get-started/scripting/globe/index.html b/examples/get-started/scripting/globe/index.html
@@ -64,7 +64,7 @@
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => 11 - f.properties.scalerank,
+      getPointRadius: f => 11 - f.properties.scalerank,
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/scripting/google-maps/index.html b/examples/get-started/scripting/google-maps/index.html
@@ -37,7 +37,7 @@
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => (11 - f.properties.scalerank),
+      getPointRadius: f => (11 - f.properties.scalerank),
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/scripting/harp.gl/index.html b/examples/get-started/scripting/harp.gl/index.html
@@ -87,7 +87,7 @@
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => (11 - f.properties.scalerank),
+      getPointRadius: f => (11 - f.properties.scalerank),
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/get-started/scripting/mapbox/index.html b/examples/get-started/scripting/mapbox/index.html
@@ -45,7 +45,7 @@
       filled: true,
       pointRadiusMinPixels: 2,
       pointRadiusScale: 2000,
-      getRadius: f => (11 - f.properties.scalerank),
+      getPointRadius: f => (11 - f.properties.scalerank),
       getFillColor: [200, 0, 80, 180],
       // Interactive props
       pickable: true,

diff --git a/examples/layer-browser/src/examples/core-layers.js b/examples/layer-browser/src/examples/core-layers.js
@@ -117,7 +117,7 @@ const GeoJsonLayerExample = {
   },
   props: {
     id: 'geojsonLayer',
-    getRadius: f => MARKER_SIZE_MAP[f.properties['marker-size']],
+    getPointRadius: f => MARKER_SIZE_MAP[f.properties['marker-size']],
     getFillColor: f => {
       const color = parseColor(f.properties.fill || f.properties['marker-color']);
       const opacity = (f.properties['fill-opacity'] || 1) * 255;