地图

落日与鲸

2025-02-24 15004089c4d9a39b9ad6153680ef8428ad211944

地图

 H5/index.html

@@ -11,16 +11,10 @@
        </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>
		
        </script>
        <title></title>
 <script>
            // 在这里执行地图初始化代码
            const map = new BMapGL.Map('map-container');
            // 其他初始化操作
        }
    </script>

        <!--preload-links-->
        <!--app-context-->
    </head>

 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="map-container"></div>
    <web-view src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></wwb-view>

        <view class="">
            <view class="searchMain mb-35">
@@ -31,16 +31,6 @@
</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 {
@@ -48,25 +38,12 @@
                longitude: 116.39742,
            };
        },
        onLoad() {
            loadBaiduMapSDK()
                .then(() => {
                    const map = new BMapGL.Map('map-container');
                    // 其他初始化操作
                })
                .catch((error) => {
                    console.error('百度地图 SDK 加载失败:', error);
                })
        },

        methods: {

        }
		 
    }
</script>

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

 H5/utils/request.js

@@ -19,7 +19,7 @@

    return new Promise(function(resolve, reject) {

        let token = uni.getStorageSync('token')
        let token = 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOjE2MTc3LCJ0eXBlIjoxLCJleHAiOjE3NDE2NjExMDYsImNyZWF0ZWQiOjE3NDAzNjUxMDY1MTh9.XRkMgKjEhRo6_BQK5fEVQ_Pv5bM-xeT36s4ju4Oh1F7ZmkIQOJUrdDnefub13JO6rZs3GT6dKnHZgCSyyQpsjg'
        let header = {
            'content-type': type ? 'application/x-www-form-urlencoded;charset=UTF-8' : 'application/json',
            'Authorization': token,