google maps update fork

maps lat lng elv in infowindow. on click.

by grant

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;signed_in=true"></script>
<div id="Gmap">
</div>
<div>drag the marker</div>
<div id="lat"> </div>
<div id="lng"> </div>
<div id="mts"></div><span id="x"></span>

CSS

html,
 body,
 #map-canvas {
   margin: 5px;
   padding: 0;
   height: 10%;
 }

 #Gmap {
   margin: 0;
   padding: 0;
   height: 280px;
   width: 290px;
 }

 #mts {
   display: inline;
 }

 #x {
   display: inline;
 }
 input {
   border: none;
 }

JavaScript

//http://jsfiddle.net/t2pdoq2t/1/
// https://stackoverflow.com/questions/32011058/google-map-lat-lng-on-loaded-points
var currentMarkers = [];
var xmark;

function load() {
var elevator;
 var map;
var marker = new google.maps.Marker(marker_options);
var hill = {lat:44.2, lng:-116.24};
var marker_options = {
         map : map,
         icon : {  url : 'https://lrio.com/kml/icons/red_small.png',
	}
  
};


    var map = new google.maps.Map(document.getElementById("Gmap"), {
        center: new google.maps.LatLng(41.784, -73.319),
        zoom: 9,
        mapTypeId: 'roadmap',
        mapTypeControl: false,
         draggableCursor:'crosshair',
    draggingCursor: 'move'
    });
// ga

var infoWindow = new google.maps.InfoWindow();
    // Change this depending on the name of your PHP file
    // downloadUrl("phpsqlajax_genxml.php", function (data) {
    var xml = parseXml(xmlStr); // data.responseXML;
    var markers = xml.documentElement.getElementsByTagName("marker");
   // var bounds = new google.maps.LatLngBounds();
    for (var i = 0; i < markers.length; i++) {
        var name = markers[i].getAttribute("name");
        var address = markers[i].getAttribute("address");
        var type = markers[i].getAttribute("type");
        //          var latlng = markers[i].getPosition();
        var latitude = markers[i].getAttribute("lat");
        var longitude = markers[i].getAttribute("lng");
        var point = new google.maps.LatLng(
        parseFloat(markers[i].getAttribute("lat")),
        parseFloat(markers[i].getAttribute("lng")));
       // bounds.extend(point);
        var html = "<div > <input type='text' id='name' value='" + name + "'/> </div>" +
            "<div > <input type='text' id='lat' value='" + latitude + "'/> </div>" +
            "<div ><input type='text' id='lng' value='" + longitude + "'/> </div>" ;
            

        //          var html = "<b>" + name + "</b> <br/>" + address + "<br/>" + type + "<br/>" + latitude + "<br/>" + longitude +...