Reactjs 在移动设备上使用Mapbox GL JS进行跟踪时出现问题

我只是使用react map gl的现成“GeologateControl”组件，它在我的电脑上运行得非常好。但是在我的手机上，当我按下Geologate按钮时，什么都没有发生？我在手机中的浏览器有访问位置的权限，但没有像在pc上那样的弹出式显示请求显示位置的权限。我试过使用Chrome、Firefox和默认浏览器

我试过使用Chrome、Firefox和默认浏览器。在我的iPad上，它也不工作，只是在我的pc上，它工作正常

       <ReactMapGL
           {...viewport}
           mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_TOKEN}
           onViewportChange={viewport => {
              setViewport(viewport);
            }}
        >
           <GeolocateControl
               className={classes.geolocateStyle}
               positionOptions={{ enableHighAccuracy: true }}
               trackUserLocation={true}
           />
       </ReactMapGL>

{
设置视口（视口）；
}}
>

希望它能把我带到当前位置，在屏幕上放一个蓝色标记，就像在pc上一样