2016-04-07 7 views
0

ich Google Maps auf einer Homepage zum ersten Mal und fand nur den Code, die eine Google-Karte mit einem bestimmten Ort erzeugt aufzunehmen versuchen -an einen bestimmten Ort in Google Referenzierung Karten

var myLatlng1 = new google.maps.LatLng(53.65914, 0.072050) 

und I don‘ Ich weiß, wie ich den Standort des Markers ändern kann. Wo finde ich die Standortkoordinaten? Vielen Dank!

<html> 
<head> 
<title> Map </title> 
<style> 
    html, body, #map-canvas { 
    margin: 0; 
    padding: 0; 
    height: 500px; 
    width: 800px;} 
</style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"> 

</script> 
    <script> 
    var map; 
    function initialize() 
    { 
     var myLatlng1 = new google.maps.LatLng(53.65914, 0.072050); 

     var mapOptions = 
     { 
      zoom: 10, 
      center: myLatlng1, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 


     <?php 
      $sql = mysql_query("SELECT * FROM data ORDER BY ID DESC"); 
      while($row =mysql_fetch_array($sql)) 
      { 
       $desc = $row['DESCRIPTION']; 
       $location = $row['LOCATION']; 
       $counter += 1; 
      ?> 

     var marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(<?php echo $location; ?>), 
      map: map, 
      title: '<?php echo $desc; ?>', 
      icon: '/image/cam.png' 
     }); 

     navigator.geolocation.getCurrentPosition(showPosition); 
    } 

    var showPosition = function (position) 
     { 
      map.setCenter(new google.maps.LatLng(position.coords.latitude, 
position.coords.longitude), 16); 

     } 

    google.maps.event.addDomListener(window, 'load', initialize); 

    </script> 
</head> 
+0

google maps hat [viele Beispiele] (https://developers.google.com/maps/documentation/javascript/examples/#basics), um Ihnen zu helfen, herauszufinden, wie Sie ihre 'API' verwenden können – Craicerjack

+0

Um den Standort zu ändern Geben Sie dem Marker neue Koordinaten oder erstellen Sie einen neuen Marker. Dies ist das Stück Code, der den Marker Position - Position: new google.maps.LatLng () ' – Craicerjack

+0

Das schafft keinen neuen Ort, aber ich sah nur, die einzige Sache Ich muss auf http://www.gps-coordinates.net gehen und die Adresse eingeben, auf die der Marker zeigen soll, und die Koordinaten austauschen. das ist es. – learningcoding

Antwort

0

Der Teil des Codes, der die Markierung gesetzt (die Position enthalten) ist diese

 var yourLat = 45.2323; // is only sample value 
    ver yourLng = 14.1818; // is only sample value 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(yourLat, yourLng), 
     map: map, 
     title: 'your title', 
     icon: '/image/cam.png' 
    }); 

Sie müssen die coord in google map Notation zuordnen, so wenn Sie diese coord Karten Verwendung von Google nicht haben und Klicken Sie auf den gewünschten Punkt. Die Koordinaten erscheinen in einer Box

1

Dies ist einfach. Gehen Sie zuerst zu Google Maps und wählen Sie den Ort, den Sie vergrößern möchten. Sobald es an der URL an der Spitze der Seite aussehen soll wie folgt aussehen:

https://www.google.com/maps/@44.0005355,-71.0799974,12z 

Das ist Ihre lat lange 44,0005355 und -71,0799974 einfach ersetzen sie durch solche, die Sie haben.

Verwandte Themen