diff --git a/packages/layers/src/point/shaders/fill_frag.glsl b/packages/layers/src/point/shaders/fill_frag.glsl
index 52285d9ece..9e3b0f49d9 100644
--- a/packages/layers/src/point/shaders/fill_frag.glsl
+++ b/packages/layers/src/point/shaders/fill_frag.glsl
@@ -111,9 +111,9 @@ void main() {
     } else {
       gl_FragColor = filterColor(gl_FragColor);
     }
+    gl_FragColor.a *= opacity;
   } else {
     gl_FragColor = filterColor(gl_FragColor);
-    
   }
 
   if(u_additive > 0.0) {
diff --git a/stories/Map/components/mapCenter.tsx b/stories/Map/components/mapCenter.tsx
index 08ee491c88..8c36425a2d 100644
--- a/stories/Map/components/mapCenter.tsx
+++ b/stories/Map/components/mapCenter.tsx
@@ -104,6 +104,7 @@ export default class GaodeMapComponent extends React.Component {
       // .size([10, 10, 100])
       .size(100)
       .style({
+        // opacity: 0.1,
         stroke: '#f00',
         // strokeWidth: 10,
         strokeWidth: 0,