init

xhs-mini-demos/component-case/map-styles/map-styles.css

@@ -0,0 +1,9 @@
+.page-section-ctn {
+  text-align: center;
+}
+
+.image {
+  margin-top: 15px;
+  width: 245px;
+  height: 284px;
+}

xhs-mini-demos/component-case/map-styles/map-styles.js

@@ -0,0 +1,8 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'map底图样式',
+      path: 'page/component/pages/map-styles/map-styles',
+    };
+  },
+});

xhs-mini-demos/component-case/map-styles/map-styles.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "map底图样式"
+}

xhs-mini-demos/component-case/map-styles/map-styles.xhsml

@@ -0,0 +1,29 @@
+<view class="container">
+  <view class="page-body">
+    <view class="page-section page-section-gap">
+      <view class="page-section-title">经典</view>
+      <view class="page-section-ctn">
+        <image class="image" src="../../resources/pic/custom_map_template_1.png"/>
+      </view>
+    </view>
+    <view class="page-section page-section-gap">
+      <view class="page-section-title">墨渊</view>
+      <view class="page-section-ctn">
+        <image class="image" src="../../resources/pic/custom_map_template_2.png"/>
+      </view>
+    </view>
+    <view class="page-section page-section-gap">
+      <view class="page-section-title">白浅</view>
+      <view class="page-section-ctn">
+        <image class="image" src="../../resources/pic/custom_map_template_3.png"/>
+      </view>
+    </view>
+    <view class="page-section page-section-gap">
+      <view class="page-section-title">玉露</view>
+      <view class="page-section-ctn">
+        <image class="image" src="../../resources/pic/custom_map_template_4.png"/>
+      </view>
+    </view>
+    
+  </view>
+</view>