Google Maps JavaScript API v3 und GPS-Koordinaten als Mittelpunkt

Iv wurde mal auf der Suche im Ganzen web nach einer Lösung für dieses, und ich bin immer noch Nicht in der Lage zu finden, zu lösen, für die es iv würde in googles eigene libery um diese zu finden.

Ich will das extrahieren von Koordinaten aus dem GPS zur Nutzung als center-of mein google-maps so, wenn Ihr in fx. Kopenhagen Kongs nytorv, die Sie erhalten würden, die position als center.

Habe ich einige Optionen für meine Karte hier: 

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

nun habe ich eine statische position als Zentrum.

Aber ich kann nicht finden, wo ziehen Sie die Informationen aus

Ich versuche dieses problem zu lösen, so erhalten wir eine Lösung des Problems, wenn möglich

InformationsquelleAutor Simon Dragsbæk | 2012-04-24
  1. 3

    Hier ist ein Beispiel aus google docs

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

    hier ist der code, falls dieser link ist gebrochen:

    <!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>
    • Kippe das getestet werden auf einem localhost, da meine ist, halten Sie das senden einen Fehler. Nur, um hinzuzufügen, ich habe die neueste version von chrome, damit ich die html5 unterstützen
    • Thx ich fand heraus, dass es mein browser, der den sensor blockiert, so dass ich Sie öffnen den Zugang und jetzt funktioniert es Danke
    InformationsquelleAutor Francisco Valdez
Schreibe einen Kommentar