Google Maps JavaScript API v3 GPSが中心座標になっています

Ivがこれまでの解決策をウェブ全体で検索していますが、まだ解決できていません。これを見つけるためにgoogles自身の自由にivされました。Google Maps JavaScript API v3 GPSが中心座標になっています

私はあなたのfxのときに私のGoogleマップの中心として使用するGPSからの抽出座標が欲しいです。コペンハーゲンでKongs nytorvであなたはその地位を中心にするでしょう。

私はここに私のマップのためのいくつかのオプションがあります。

var myOptions = { 
     center: new google.maps.LatLng(55.674, 12.403), 
     zoom: 10, 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     mapTypeControl: false, 
     mapTypeControlOptions: { 
     style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, 
     position: google.maps.ControlPosition.BOTTOM_CENTER 
     }, 
     panControl: true, 
     panControlOptions: { 
      position: google.maps.ControlPosition.TOP_RIGHT 
     }, 
     zoomControl: true, 
     zoomControlOptions: { 
      style: google.maps.ZoomControlStyle.LARGE, 
      position: google.maps.ControlPosition.LEFT_CENTER 
     }, 
     scaleControl: false, 
     scaleControlOptions: { 
      position: google.maps.ControlPosition.BOTTOM_CENTER 
     }, 
     streetViewControl: true, 
     streetViewControlOptions: { 
      position: google.maps.ControlPosition.BOTTOM_CENTER 
     } 
    };

今の私が中心として、静的な位置を持っています。
しかし、私たちすべてが解決にここ

出典

2012-04-24 Simon Pertersen

可能であれば、問題を取得し、私はこの問題を解決しようとして続ける

から情報を引き出すためにはどこで見つけるカントは、Googleドキュメントからの例である

https://google-developers.appspot.com/maps/documentation/javascript/examples/map-geolocationこのリンクが壊れている場合には、ここで

は、コードです：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Google Maps JavaScript API v3 Example: Map Geolocation</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="UTF-8"> 
    <link href="/maps/documentation/javascript/examples/default.css" 
     rel="stylesheet" type="text/css"> 
    <!-- 
    Include the maps javascript with sensor=true because this code is using a 
    sensor (a GPS locator) to determine the user's location. 
    See: https://developers.google.com/apis/maps/documentation/javascript/basics#SpecifyingSensor 
    --> 
    <script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?sensor=true"></script> 

    <script type="text/javascript"> 
     var map; 

     function initialize() { 
     var myOptions = { 
      zoom: 6, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 

     // Try HTML5 geolocation 
     if(navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(function(position) { 
      var pos = new google.maps.LatLng(position.coords.latitude, 
              position.coords.longitude); 

      var infowindow = new google.maps.InfoWindow({ 
       map: map, 
       position: pos, 
       content: 'Location found using HTML5.' 
      }); 

      map.setCenter(pos); 
      }, function() { 
      handleNoGeolocation(true); 
      }); 
     } else { 
      // Browser doesn't support Geolocation 
      handleNoGeolocation(false); 
     } 
     } 

     function handleNoGeolocation(errorFlag) { 
     if (errorFlag) { 
      var content = 'Error: The Geolocation service failed.'; 
     } else { 
      var content = 'Error: Your browser doesn\'t support geolocation.'; 
     } 

     var options = { 
      map: map, 
      position: new google.maps.LatLng(60, 105), 
      content: content 
     }; 

     var infowindow = new google.maps.InfoWindow(options); 
     map.setCenter(options.position); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html>

出典

2012-04-24 15:27:24

私はエラーを送信し続けるので、これはローカルホスト上でテストしてください。ちょうど私はhtml5をサポートするので、私はクロムの最新バージョンを持っています –

Thx私はそれが私のブラウザがセンサーをブロックしていたので、私はアクセスを開いて、 –

Google Maps JavaScript API v3 GPSが中心座標になっています

答えて

関連する問題