Getting App Inven, für 2 Variablenwerte in einer HTML / Javascript-Datei

Question

Mar 27, 2015, 03:39 AM

javascript google-maps app-inventor html

Getting App Inven, für 2 Variablenwerte in einer HTML / Javascript-Datei

Ich richte ein einfaches Kartenprogramm ein, mit dem ein Benutzer Standorte auf einer eingebetteten Google-Karte anzeigen kann. Ich habe die Karte funktioniert, aber ich habe mich gefragt, ob der Benutzer Koordinaten in AI2 eingeben kann, und habe dann die Kartenmitte dort. Hier ist die HTML-Datei, mit der ich die Karte anzeige.

<!DOCTYPE html>
<html>
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
     <style type="text/css">
     html { height: 100% }
     body { height: 100%; margin: 0; padding: 0 }
     #map_canvas { height: 100% }
     </style>

     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?&sensor=true&language=en"></script>

     <script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
     };
     map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    // Add a listener for the click event
    google.maps.event.addListener(map, 'click', showPosition);
  }

  function showPosition(event) {
    // display a marker on the map
    marker = new google.maps.Marker({
      position: event.latLng,
      map: map,
      icon: "./marker.png"
    });

    // print the selected position to the page title
    var position = event.latLng.lat().toFixed(6) + ", " + event.latLng.lng().toFixed(6);
    window.document.title = position;
  }
</script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>