feats

index.html

@@ -9,6 +9,8 @@
     <script src="./turn.min.js"></script>
     <script src="./config.js"></script>
     <script src="./slidePage/slidePage.min.js"></script>
+    <script src="https://api.map.baidu.com/api?v=3.0&ak=IDixtryGuZAFPZLh4r8XCAM054r8LCRs"></script>
+
     <link rel="stylesheet" href="./slidePage/slidePage.min.css">
 
     <link rel="stylesheet" href="./fonts/SourceHanSansCN-Medium/SourceHanSansCN-Medium.css">

src/pages/pg4/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="page" ref="el"></div>
+</template>
+
+<script setup>
+  import { onMounted, ref } from 'vue';
+  // import AMapLoader from '@amap/amap-jsapi-loader';
+
+  const el = ref();
+
+  onMounted(() => {
+    const map = new BMap.Map(el.value);
+    const point = new BMap.Point(116.404, 39.915); // 天安门
+    map.centerAndZoom(point, 3);
+    // window._AMapSecurityConfig = {
+    //   securityJsCode:'f33684b9573195f9f91a4c8bc779d7e2',
+    // }
+    // AMapLoader.load({
+    //   key: "378f2af0c01b00ec919ace1699f2466f",              // 申请好的Web端开发者Key，首次调用 load 时必填
+    //   version: "2.0",   // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    //   plugins: [],           // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    // }).then((AMap)=>{
+    //   const map = new AMap.Map(el.value, {
+    //     mapStyle: 'amap://styles/bff59c60c62af794ee93f1befde78625',
+    //     zoom: 3,
+    //   });
+    // }).catch(e => {
+    //   console.error(e);
+    // })
+  });
+</script>

src/router.js

@@ -6,6 +6,7 @@ const routes = [
   { path: '/', component: () => import('@/pages/index.vue') },
   { path: '/bk1', component: () => import('@/pages/bk1/index.vue') },
   { path: '/pg2-2', component: () => import('@/pages/pg2-2/index.vue') },
+  { path: '/pg4', component: () => import('@/pages/pg4/index.vue') },
 ]
 
 const router = createRouter({

src/utils/resources.js

@@ -30,7 +30,6 @@ export const resources = [
   { image: './images/pg2/flower/1-4.png', },
   { image: './images/pg2/flower/右-小.png', },
   { image: './images/pg2/flower/左-小.png', },
-  { image: './images/bk1/flower/左-小.png', },
   { image: './images/bk1/flip.png', },
   { image: './images/bk1/flower.png', },
   { image: './images/bk1/goback.png', },