uiwjs / react-baidu-map

基于 React 封装的百度地图组件,支持 React Hook,帮助你轻松的接入地图到 React 项目中。
https://uiwjs.github.io/react-baidu-map
MIT License
222 stars 22 forks source link

无法获取window.bmapgl #308

Open Allen-Bayern opened 1 year ago

Allen-Bayern commented 1 year ago

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。求教各位大神是怎么回事

jaywcjlove commented 1 year ago

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