archivo.html

<html>
  <head>
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>Google Maps Varias Marcas</title>

    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
   	 <style type="text/css">
  		body {
    		font-family: sans-serif;
  		}
 		#map {
    		width: 500px;
    		height: 500px;
  			}
	 </style>

    <script type="text/javascript">
	var mc = null;

	var map = null;

	var markers = [];

	 function bindInfoWindow(marker, map, infoWindow, html) {
      google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
      });
    }

    function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function doNothing() {}

      function initialize() {
        var center = new google.maps.LatLng(47.6145, -122.3418);
        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 14,
          center: center,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });
		var infoWindow = new google.maps.InfoWindow;

      // Change this depending on the name of your PHP file
      downloadUrl("http://localhost/coneccion.php", function(data) {
        var xml = data.responseXML;
        var markers1 = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers1.length; i++) {
		  var nombre = markers1[i].getAttribute("name");
		  var domicilio = markers1[i].getAttribute("address");
		  var telefono = markers1[i].getAttribute("type");
		  var point = new google.maps.LatLng(
              parseFloat(markers1[i].getAttribute("lat")),
              parseFloat(markers1[i].getAttribute("lng")));
          var html = "<div ALIGN=left><b>Nombre:</b>"
		  					+ "<br/><b>Domicilio:</b>"
							+ "<br/><b>Telefono:</b>" + Telefono
							+ "</div>";

          var marker = new google.maps.Marker({
            map: map,
            position: point,
          });
          bindInfoWindow(marker, map, infoWindow, html);
        }
      });

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

    </script>
   </head>
  <body>

  <br/>

<center>   <div id="map"></div></center>
   <br/>
</body>
</html>