「navigator.geolocation.getCurrentPosition」フリーWifi環境下では取得されてない

Question

Reactとgeolocationで現在地の地図表示はできたのですが、
家の有線環境なら現在地の場所の地図が表示されるのに
スタバなどのフリーWifi環境では現在地とは全然違う場所が表示されてしまいます。

なぜこのような現象が起こるかわかりません。
コードがまちがっているのか、そもそもフリーWifi環境では無理なのか、
PCの開発環境は現在地がとれないのか、モバイル端末じゃないととれないのか。

念のためコードの一部載せておきます。

// 省略
    // 初期state
    const [viewport, setViewport] = useState({
        width: '',
        height: '',
        latitude: null,
        longitude: null,
        zoom: null
    });

    // 描画前にマウントしてstateを書き換える
    useEffect(() => {
        navigator.geolocation.getCurrentPosition(
            pos => setViewport({
                width: '100%',
                height: '300px',
                latitude: pos.coords.latitude,
                longitude: pos.coords.longitude,
                zoom: 14,
                transitionDuration: 2000
            }),
            err => console.log(err)
        );
    }, []);
// 省略