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

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

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

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

js
1// 省略
2    // 初期state
3    const [viewport, setViewport] = useState({
4        width: '',
5        height: '',
6        latitude: null,
7        longitude: null,
8        zoom: null
9    });
10
11    // 描画前にマウントしてstateを書き換える
12    useEffect(() => {
13        navigator.geolocation.getCurrentPosition(
14            pos => setViewport({
15                width: '100%',
16                height: '300px',
17                latitude: pos.coords.latitude,
18                longitude: pos.coords.longitude,
19                zoom: 14,
20                transitionDuration: 2000
21            }),
22            err => console.log(err)
23        );
24    }, []);
25// 省略