uiwjs/react-baidu-map

无法获取window.bmapgl

Allen-Bayern opened this issue · 1 comments

RT

import React, { useState, useEffect } from 'react';
import { APILoader } from '@uiw/react-baidu-map';
import { WaterMark } from 'antd-mobile';
import './_style.scss';
import { BoxMap } from '@/components';

export default function MapPage() {
    const AK = 'AK';

    useEffect(() => {
        console.log(window);
        console.log(window?.BMapGL);
    }, []);

    // 获取userName以用于水印
    const [userName] = useState('duxiaoman');

    return (
        <div
            className="map-page"
            style={{ width: '100%', height: '100vh', overflow: 'hidden' }}
        >
            <APILoader
                akay={AK}
                type="webgl"
            >
                <BoxMap></BoxMap>
            </APILoader>

            {/* 水印组件 */}
            <WaterMark content={userName} />
        </div>
    );
}

在打印第一个window时可以看到BmapGL挂到window上了,第二个会直接打出undefined。求教各位大神是怎么回事

@Allen-Bayern 如果使用 BmapGL 可以使用百度官方 react 组件 https://lbsyun.baidu.com/solutions/reactBmapDoc