H5/threeSide.git

parent: d3d53771 | 补丁 | 提交 | ignore whitespace

落日与鲸

2025-02-24 62bd05c5c2359466a538a7a2de5035d9cae62fb2

百度

1个文件已添加

4个文件已修改

	H5/index.html	46 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/components/certificate/service.js	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/index/index.vue	3 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/index/service.js	5 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/location/location.vue	37 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 H5/index.html

@@ -1,21 +1,31 @@
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script>
      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
        CSS.supports('top: constant(a)'))
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    <head>
        <meta charset="UTF-8" />
        <script>
            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
                CSS.supports('top: constant(a)'))
            document.write(
                '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
                (coverSupport ? ', viewport-fit=cover' : '') + '" />')
        </script>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script> -->
        <script type="text/javascript"
            src="https://api.map.baidu.com/api?v=3.0&type=webgl&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script>
        <title></title>
 <script>
            // 在这里执行地图初始化代码
            const map = new BMapGL.Map('map-container');
            // 其他初始化操作
        }
    </script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script>
    <title></title>
    <!--preload-links-->
    <!--app-context-->
  </head>
  <body>
    <div id="app"><!--app-html--></div>
    <script type="module" src="/main.js"></script>
  </body>
</html>
        <!--preload-links-->
        <!--app-context-->
    </head>
    <body>
        <div id="app"><!--app-html--></div>
        <script type="module" src="/main.js"></script>
    </body>
</html>

 H5/pages/components/certificate/service.js

New file
@@ -0,0 +1,8 @@
import request from '@/utils/request.js'

export const getBanner =(params)=>{
    return request.get(`/api/huacheng-sangeshenbian/applet/home/banner-list`,params)
} 
export const getMessagelist =(params)=>{
    return request.post(`/api/huacheng-sangeshenbian/applet/home/message`,params)
} 

 H5/pages/index/index.vue

@@ -102,7 +102,8 @@
<script>
    import popupCertificate from '../components/certificate/certificate.vue'
    import {
        getBanner
        getBanner,
        getMessagelist
    } from './service.js'
    export default {
        components: {

 H5/pages/index/service.js

@@ -2,4 +2,7 @@

export const getBanner =(params)=>{
    return request.get(`/api/huacheng-sangeshenbian/applet/home/banner-list`,params)
} 
} 
export const getMessagelist =(params)=>{
    return request.post(`/api/huacheng-sangeshenbian/applet/home/message`,params)
} 

 H5/pages/location/location.vue

@@ -5,7 +5,7 @@
                <image src="/static/location/back.png" class="w-19 h-35" mode=""></image>
            </view>
        </u-navbar>
        <div id="baidu-map"></div>
        <div id="map-container"></div>

        <view class="">
            <view class="searchMain mb-35">
@@ -31,6 +31,16 @@
</template>

<script>
    function loadBaiduMapSDK() {
        return new Promise((resolve, reject) => {
            const script = document.createElement('script');
            script.src = 'https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt';
            script.onload = resolve;
            script.onerror = reject;
            document.head.appendChild(script);
        });
    }

    export default {
        data() {
            return {
@@ -38,26 +48,25 @@
                longitude: 116.39742,
            };
        },
        mounted() {
            this.initMap();
        onLoad() {
            loadBaiduMapSDK()
                .then(() => {
                    const map = new BMapGL.Map('map-container');
                    // 其他初始化操作
                })
                .catch((error) => {
                    console.error('百度地图 SDK 加载失败:', error);
                })
        },

        methods: {
            initMap() {
                // 创建地图实例
                const map = new BMapGL.Map('baidu-map');
                // 设置中心点坐标
                const point = new BMapGL.Point(116.404, 39.915);
                // 初始化地图，设置中心点和缩放级别
                map.centerAndZoom(point, 15);
                // 开启鼠标滚轮缩放
                map.enableScrollWheelZoom(true);
            }

        }
    }
</script>

<style lang="scss" scoped>
    #baidu-map {
    #map-container {
        width: 100vw;
        height: 517rpx;
    }

			@@ -1,21 +1,31 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8" />
			<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') \|\|
			CSS.supports('top: constant(a)'))
			document.write(
			'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
			(coverSupport ? ', viewport-fit=cover' : '') + '" />')
			<head>
			<meta charset="UTF-8" />
			<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') \|\|
			CSS.supports('top: constant(a)'))
			document.write(
			'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
			(coverSupport ? ', viewport-fit=cover' : '') + '" />')
			</script>
			<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script> -->
			<script type="text/javascript"
			src="https://api.map.baidu.com/api?v=3.0&type=webgl&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script>
			<title></title>
			<script>
			// 在这里执行地图初始化代码
			const map = new BMapGL.Map('map-container');
			// 其他初始化操作
			}
			</script>
			<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script>
			<title></title>
			<!--preload-links-->
			<!--app-context-->
			</head>
			<body>
			<div id="app"><!--app-html--></div>
			<script type="module" src="/main.js"></script>
			</body>
			</html>
			<!--preload-links-->
			<!--app-context-->
			</head>
			<body>
			<div id="app"><!--app-html--></div>
			<script type="module" src="/main.js"></script>
			</body>
			</html>

New file
			@@ -0,0 +1,8 @@
			import request from '@/utils/request.js'

			export const getBanner =(params)=>{
			return request.get(`/api/huacheng-sangeshenbian/applet/home/banner-list`,params)
			}
			export const getMessagelist =(params)=>{
			return request.post(`/api/huacheng-sangeshenbian/applet/home/message`,params)
			}

			@@ -102,7 +102,8 @@
			<script>
			import popupCertificate from '../components/certificate/certificate.vue'
			import {
			getBanner
			getBanner,
			getMessagelist
			} from './service.js'
			export default {
			components: {

			@@ -2,4 +2,7 @@

			export const getBanner =(params)=>{
			return request.get(`/api/huacheng-sangeshenbian/applet/home/banner-list`,params)
			}
			}
			export const getMessagelist =(params)=>{
			return request.post(`/api/huacheng-sangeshenbian/applet/home/message`,params)
			}

			@@ -5,7 +5,7 @@
			<image src="/static/location/back.png" class="w-19 h-35" mode=""></image>
			</view>
			</u-navbar>
			<div id="baidu-map"></div>
			<div id="map-container"></div>

			<view class="">
			<view class="searchMain mb-35">
			@@ -31,6 +31,16 @@
			</template>

			<script>
			function loadBaiduMapSDK() {
			return new Promise((resolve, reject) => {
			const script = document.createElement('script');
			script.src = 'https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt';
			script.onload = resolve;
			script.onerror = reject;
			document.head.appendChild(script);
			});
			}

			export default {
			data() {
			return {
			@@ -38,26 +48,25 @@
			longitude: 116.39742,
			};
			},
			mounted() {
			this.initMap();
			onLoad() {
			loadBaiduMapSDK()
			.then(() => {
			const map = new BMapGL.Map('map-container');
			// 其他初始化操作
			})
			.catch((error) => {
			console.error('百度地图 SDK 加载失败:', error);
			})
			},

			methods: {
			initMap() {
			// 创建地图实例
			const map = new BMapGL.Map('baidu-map');
			// 设置中心点坐标
			const point = new BMapGL.Point(116.404, 39.915);
			// 初始化地图，设置中心点和缩放级别
			map.centerAndZoom(point, 15);
			// 开启鼠标滚轮缩放
			map.enableScrollWheelZoom(true);
			}

			}
			}
			</script>

			<style lang="scss" scoped>
			#baidu-map {
			#map-container {
			width: 100vw;
			height: 517rpx;
			}