Google Maps JavaScript API v3 coordonnées GPS comme centre

Iv'd été la recherche sur le Web pour une solution à cela, et je suis toujours incapable de trouver aucune solution pour cela, iv'd été dans Google propre librairie pour le trouver.Google Maps JavaScript API v3 coordonnées GPS comme centre

Je veux les coordonnées de l'extrait, à partir du GPS à utiliser comme centre de mes google maps ainsi quand votre in fx. Copenhague à Kongs nytorv vous obtiendriez cette position en tant que centre.

J'ai quelques options pour ma carte ici:

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 
     } 
    };

i ont actuellement une position statique en tant que centre.
Mais je ne peux pas trouver où tirer les informations de

Je continue à essayer de résoudre ce problème si nous obtenons une solution le problème si possible

Source

2012-04-24 Simon Pertersen

Voici un exemple de google docs

https://google-developers.appspot.com/maps/documentation/javascript/examples/map-geolocation

ici est le code, en cas ce lien est rompu:

<!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>

Source

2012-04-24 15:27:24

Ne peut pas être testé sur un localhost depuis mon est continuer à envoyer une erreur. Juste pour ajouter j'ai la dernière version de chrome donc je supporte html5 –

Thx j'ai découvert que c'était mon navigateur bloquant le capteur alors j'ouvre l'accès et maintenant ça marche Merci –

Google Maps JavaScript API v3 coordonnées GPS comme centre

Répondre

Questions connexes