html5ジオロケーションを使用しているウェブページはGoogleマップほど正確ではありませんか?

コンシー

ノートパソコンでウェブブラウザのChromeを使用して、ローカルのhtmlウェブページを開いて現在地を取得しました。返された場所(1.3238272、103.8606336)は、私の実際の場所に近い場所ではありません。同様に、[1](1.3238272 103.8606336)[2](1.32383、103.86063 )のようなWebサイトはすべて、正確ではない結果を返します。

ただし、グーグルマップを使用すると、(1.287264、103.831497)非常に正確な場所が返されました。グーグルマップは場所を取得するために異なるアプローチ/テクノロジーを使用していますか?

<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>

    <script>
        var g_lat = 0;
        var g_lng = 0;
        var map, infoWindow;
        function initMap() {
            navigator.geolocation.getCurrentPosition(updatePosition);
            map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: g_lat, lng: g_lng},
                zoom: 8
            });
            infoWindow = new google.maps.InfoWindow;
        }
        function updatePosition(position) {
            var pos = {
                lat: position.coords.latitude,
                lng: position.coords.longitude
            };

            infoWindow.setPosition(pos);
            infoWindow.setContent('Location found.');
            infoWindow.open(map);
            map.setCenter(pos);
        }

    </script>
    <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
    async defer></script>
  </body>
</html>
コンシー

間違いは、ユーザーがログインしたときにGoogleマップを使用することです。これにより、より良い位置情報が得られます。ログインしない場合、結果の場所はジオロケーションと同じになります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

HTML5のジオロケーションが正確ではありません

分類Dev

ロケーションオブジェクトが必要です。ロケーション配列が正しい形式ではありません

分類Dev

HTML5ジオロケーションは非同期ではありません

分類Dev

Nestアプリケーションをブートストラップできません。「TypeError:オブジェクトのプロトタイプはオブジェクトのみであるか、null:未定義である可能性があります」

分類Dev

C#アプリケーションでHTML5ジオロケーションを使用するにはどうすればよいですか

分類Dev

一部の(すべてではありません)ユーザーは、Google Playからアプリをダウンロードすると、「パッケージファイルが正しく署名されていません」と表示されます。

分類Dev

エラー:アクションはプレーンオブジェクトである必要があります。非同期アクションにはカスタムミドルウェアを使用します。しかし、私は非同期機能を持っていません

分類Dev

Mongoengine PointFieldは、ロケーションオブジェクトを予期し、ロケーション配列が正しい形式ではありませんエラーを表示します

分類Dev

HTML5ジオロケーションを使用したマップはこちら

分類Dev

ドロップダウンボックスから選択してHTML5内のジオロケーションマップを変更する

分類Dev

ログインページをシングルページアプリケーションに含めるのは安全ではありませんか?

分類Dev

「エラー:アクションはプレーンオブジェクトである必要があります。非同期アクションにはカスタムミドルウェアを使用してください。」というメッセージが表示されるのはなぜですか。エラー?

分類Dev

FirebaseがAngular4プロジェクトのすべてのウェブページをホストしているわけではありません

分類Dev

Reactナビゲーション、ルートデータが「未定義はオブジェクトではありません」をスローしています

分類Dev

アプリをChromeウェブストアにアップロードできません-「このアイテムはアプリではありません。マニフェストからアプリセクションを削除してください。」

分類Dev

「アクションはプレーンオブジェクトでなければなりません。非同期アクションにはカスタムミドルウェアを使用してください。]」を解決するにはどうすればよいですか?

分類Dev

ウェブマスターは、ショーページソースを使用しているかどうかを知ることができますか?

分類Dev

ジオロケーションがJavaScriptで拒否されているかどうかを確認する方法はありますか?

分類Dev

requestとurllib2はXBRLページからエラーを取得します。「実行しているブラウザモードは、このアプリケーションと互換性がありません」

分類Dev

sbtセッション内からのSparkアプリケーションのコンパイルが「オブジェクトapacheはパッケージorgのメンバーではありません」で失敗するのはなぜですか?

分類Dev

ドロップダウンナビゲーションにオーバーフローがあるのはなぜですか:非表示でページをブロックすると、ナビゲーションの高さに等しくなりますか?

分類Dev

オブジェクトでSqliteデータベースを更新するときに、エラー「タイプ 'セッション'はタイプ 'Map <String、dynamic>'のサブタイプではありません」をどのように解決しますか?

分類Dev

アップロードされた画像(画像オブジェクト)をレンダリングしてエラーが発生しないようにするにはどうすればよいですか(オブジェクトはReactの子として有効ではありません)?

分類Dev

HTML5のジオロケーションを使用してGoogleマップに座標のリストを表示する

分類Dev

HTML5のジオロケーションを使用してGoogleマップに座標のリストを表示する

分類Dev

NoSuchElementException:メッセージ:そのような要素はありません:ドロップダウンボックス内のオプションを選択しようとしているときに要素を見つけることができません

分類Dev

NSSplitViewControllerベースのアプリケーションが正しいサイズで起動することはほとんどありません

分類Dev

ウィキペディアのジオロケーションは、すべての最も近いページを提供するわけではありません

分類Dev

RPMでバージョンの正しくないほとんどの部分をバンプする方法はありますか?

Related 関連記事

  1. 1

    HTML5のジオロケーションが正確ではありません

  2. 2

    ロケーションオブジェクトが必要です。ロケーション配列が正しい形式ではありません

  3. 3

    HTML5ジオロケーションは非同期ではありません

  4. 4

    Nestアプリケーションをブートストラップできません。「TypeError:オブジェクトのプロトタイプはオブジェクトのみであるか、null:未定義である可能性があります」

  5. 5

    C#アプリケーションでHTML5ジオロケーションを使用するにはどうすればよいですか

  6. 6

    一部の(すべてではありません)ユーザーは、Google Playからアプリをダウンロードすると、「パッケージファイルが正しく署名されていません」と表示されます。

  7. 7

    エラー:アクションはプレーンオブジェクトである必要があります。非同期アクションにはカスタムミドルウェアを使用します。しかし、私は非同期機能を持っていません

  8. 8

    Mongoengine PointFieldは、ロケーションオブジェクトを予期し、ロケーション配列が正しい形式ではありませんエラーを表示します

  9. 9

    HTML5ジオロケーションを使用したマップはこちら

  10. 10

    ドロップダウンボックスから選択してHTML5内のジオロケーションマップを変更する

  11. 11

    ログインページをシングルページアプリケーションに含めるのは安全ではありませんか?

  12. 12

    「エラー:アクションはプレーンオブジェクトである必要があります。非同期アクションにはカスタムミドルウェアを使用してください。」というメッセージが表示されるのはなぜですか。エラー?

  13. 13

    FirebaseがAngular4プロジェクトのすべてのウェブページをホストしているわけではありません

  14. 14

    Reactナビゲーション、ルートデータが「未定義はオブジェクトではありません」をスローしています

  15. 15

    アプリをChromeウェブストアにアップロードできません-「このアイテムはアプリではありません。マニフェストからアプリセクションを削除してください。」

  16. 16

    「アクションはプレーンオブジェクトでなければなりません。非同期アクションにはカスタムミドルウェアを使用してください。]」を解決するにはどうすればよいですか?

  17. 17

    ウェブマスターは、ショーページソースを使用しているかどうかを知ることができますか?

  18. 18

    ジオロケーションがJavaScriptで拒否されているかどうかを確認する方法はありますか?

  19. 19

    requestとurllib2はXBRLページからエラーを取得します。「実行しているブラウザモードは、このアプリケーションと互換性がありません」

  20. 20

    sbtセッション内からのSparkアプリケーションのコンパイルが「オブジェクトapacheはパッケージorgのメンバーではありません」で失敗するのはなぜですか?

  21. 21

    ドロップダウンナビゲーションにオーバーフローがあるのはなぜですか:非表示でページをブロックすると、ナビゲーションの高さに等しくなりますか?

  22. 22

    オブジェクトでSqliteデータベースを更新するときに、エラー「タイプ 'セッション'はタイプ 'Map <String、dynamic>'のサブタイプではありません」をどのように解決しますか?

  23. 23

    アップロードされた画像(画像オブジェクト)をレンダリングしてエラーが発生しないようにするにはどうすればよいですか(オブジェクトはReactの子として有効ではありません)?

  24. 24

    HTML5のジオロケーションを使用してGoogleマップに座標のリストを表示する

  25. 25

    HTML5のジオロケーションを使用してGoogleマップに座標のリストを表示する

  26. 26

    NoSuchElementException:メッセージ:そのような要素はありません:ドロップダウンボックス内のオプションを選択しようとしているときに要素を見つけることができません

  27. 27

    NSSplitViewControllerベースのアプリケーションが正しいサイズで起動することはほとんどありません

  28. 28

    ウィキペディアのジオロケーションは、すべての最も近いページを提供するわけではありません

  29. 29

    RPMでバージョンの正しくないほとんどの部分をバンプする方法はありますか?

ホットタグ

アーカイブ