diff --git a/packages/layers/src/point/shaders/fill_frag.glsl b/packages/layers/src/point/shaders/fill_frag.glsl
index afe2e052cb..b42095fd89 100644
--- a/packages/layers/src/point/shaders/fill_frag.glsl
+++ b/packages/layers/src/point/shaders/fill_frag.glsl
@@ -105,5 +105,6 @@ void main() {
   }
   
   gl_FragColor = filterColor(gl_FragColor);
+  gl_FragColor.rgb *= gl_FragColor.a;
   
 }
diff --git a/stories/Map/components/mapCenter.tsx b/stories/Map/components/mapCenter.tsx
index 364f0a9dc0..6f11ae9d37 100644
--- a/stories/Map/components/mapCenter.tsx
+++ b/stories/Map/components/mapCenter.tsx
@@ -17,13 +17,18 @@ export default class GaodeMapComponent extends React.Component {
       map: new GaodeMap({
         center: [121.107846, 30.267069],
         pitch: 0,
-        style: 'normal',
+        // style: 'normal',
         zoom: 20,
         animateEnable: false,
       }),
     });
-
-    const layer = new PointLayer()
+    // normal = 'normal',
+    // additive = 'additive',
+    // subtractive = 'subtractive',
+    // min = 'min',
+    // max = 'max',
+    // none = 'none',
+    const layer = new PointLayer({ blend: 'additive' })
       .source(
         [
           {