diff --git a/modules/mogo-module-map/src/main/java/com/mogo/module/map/MapFragment.java b/modules/mogo-module-map/src/main/java/com/mogo/module/map/MapFragment.java
index 853f3ed188..5f06df9e89 100644
--- a/modules/mogo-module-map/src/main/java/com/mogo/module/map/MapFragment.java
+++ b/modules/mogo-module-map/src/main/java/com/mogo/module/map/MapFragment.java
@@ -15,6 +15,7 @@ import com.mogo.map.MogoMapView;
 import com.mogo.map.location.IMogoLocationClient;
 import com.mogo.map.location.MogoLocation;
 import com.mogo.map.uicontroller.IMogoMapUIController;
+import com.mogo.module.common.MogoModulePaths;
 import com.mogo.service.MogoServicePaths;
 import com.mogo.service.map.IMogoMapService;
 
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue.9.png
deleted file mode 100644
index 891e8b3483..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue2x_info.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue2x_info.9.png
deleted file mode 100644
index dbc76b3fdc..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue2x_info.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue_info.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue_info.9.png
deleted file mode 100644
index d2a1b94a66..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue_info.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue_info.xml b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue_info.xml
new file mode 100644
index 0000000000..509b6d57fc
--- /dev/null
+++ b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_blue_info.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" >
+    <gradient
+        android:angle="270"
+        android:endColor="#256BFF"
+        android:startColor="#5CC1FF" />
+    <corners android:radius="360dp" />
+
+    <padding
+        android:bottom="@dimen/dp_6"
+        android:left="@dimen/dp_6"
+        android:right="@dimen/dp_40"
+        android:top="@dimen/dp_6" />
+
+</shape >
\ No newline at end of file
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green.9.png
deleted file mode 100644
index 154cc5b30b..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green2x_info.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green2x_info.9.png
deleted file mode 100644
index becd875319..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green2x_info.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green_info.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green_info.9.png
deleted file mode 100644
index 4c02b39cfb..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green_info.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green_info.xml b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green_info.xml
new file mode 100644
index 0000000000..0d30f36cf0
--- /dev/null
+++ b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_green_info.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" >
+    <gradient
+        android:angle="270"
+        android:endColor="#36B565"
+        android:startColor="#5ADFB2" />
+    <corners android:radius="360dp" />
+
+    <padding
+        android:bottom="@dimen/dp_6"
+        android:left="@dimen/dp_6"
+        android:right="@dimen/dp_40"
+        android:top="@dimen/dp_6" />
+
+</shape >
\ No newline at end of file
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple.9.png
deleted file mode 100644
index 2510a29f12..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple2x_info.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple2x_info.9.png
deleted file mode 100644
index 18a7d218c0..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple2x_info.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple_info.9.png b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple_info.9.png
deleted file mode 100644
index 870bd3e867..0000000000
Binary files a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple_info.9.png and /dev/null differ
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple_info.xml b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple_info.xml
new file mode 100644
index 0000000000..c777037c20
--- /dev/null
+++ b/modules/mogo-module-service/src/main/res/drawable/bg_map_marker_purple_info.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" >
+    <gradient
+        android:angle="270"
+        android:endColor="#6828E8"
+        android:startColor="#C843FF" />
+    <corners android:radius="360dp" />
+
+    <padding
+        android:bottom="@dimen/dp_6"
+        android:left="@dimen/dp_6"
+        android:right="@dimen/dp_40"
+        android:top="@dimen/dp_6" />
+
+</shape >
\ No newline at end of file
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_blue.xml b/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_blue.xml
new file mode 100644
index 0000000000..8926a9e9c0
--- /dev/null
+++ b/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_blue.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <item android:id="@+id/shape_id" >
+        <!-- 倒三角 -->
+        <rotate
+            android:fromDegrees="45"
+            android:pivotX="135%"
+            android:pivotY="15%"
+            android:toDegrees="45" >
+            <shape android:shape="rectangle" >
+                <solid android:color="#256BFF" />
+            </shape >
+        </rotate >
+    </item >
+
+
+</layer-list >
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_green.xml b/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_green.xml
new file mode 100644
index 0000000000..052144cb95
--- /dev/null
+++ b/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_green.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <item android:id="@+id/shape_id" >
+        <!-- 倒三角 -->
+        <rotate
+            android:fromDegrees="45"
+            android:pivotX="135%"
+            android:pivotY="15%"
+            android:toDegrees="45" >
+            <shape android:shape="rectangle" >
+                <solid android:color="#36B565" />
+            </shape >
+        </rotate >
+    </item >
+
+
+</layer-list >
diff --git a/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_purple.xml b/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_purple.xml
new file mode 100644
index 0000000000..125579bde5
--- /dev/null
+++ b/modules/mogo-module-service/src/main/res/drawable/bg_shape_reverse_triangle_purple.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <item android:id="@+id/shape_id" >
+        <!-- 倒三角 -->
+        <rotate
+            android:fromDegrees="45"
+            android:pivotX="135%"
+            android:pivotY="15%"
+            android:toDegrees="45" >
+            <shape android:shape="rectangle" >
+                <solid android:color="#C843FF" />
+            </shape >
+        </rotate >
+    </item >
+
+
+</layer-list >
diff --git a/modules/mogo-module-service/src/main/res/layout/view_map_marker_info.xml b/modules/mogo-module-service/src/main/res/layout/view_map_marker_info.xml
index bd13383fef..c4e0a7e62c 100644
--- a/modules/mogo-module-service/src/main/res/layout/view_map_marker_info.xml
+++ b/modules/mogo-module-service/src/main/res/layout/view_map_marker_info.xml
@@ -1,23 +1,32 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
-    android:background="@drawable/bg_map_marker_blue2x_info"
     android:gravity="center_vertical"
     android:orientation="horizontal" >
 
-    <ImageView
-        android:id="@+id/ivIcon"
-        android:layout_width="@dimen/dp_80"
-        android:layout_height="@dimen/dp_80"
-        android:src="@drawable/icon_default" />
-
     <TextView
         android:id="@+id/tvMarkerContent"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:background="@drawable/bg_map_marker_blue_info"
+        android:drawableLeft="@drawable/icon_default"
+        android:drawablePadding="@dimen/dp_20"
+        android:gravity="center"
         android:text="诗一样的女子"
         android:textColor="#ffffff"
-        android:textSize="@dimen/sp_32" />
+        android:textSize="@dimen/sp_32"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
-</LinearLayout >
\ No newline at end of file
+    <ImageView
+        android:id="@+id/ivReverseTriangle"
+        android:layout_width="27dp"
+        android:layout_height="15dp"
+        android:src="@drawable/bg_shape_reverse_triangle_blue"
+        app:layout_constraintEnd_toEndOf="@+id/tvMarkerContent"
+        app:layout_constraintStart_toStartOf="@+id/tvMarkerContent"
+        app:layout_constraintTop_toBottomOf="@+id/tvMarkerContent" />
+</androidx.constraintlayout.widget.ConstraintLayout >
\ No newline at end of file