Hinzufügen zweiten Marker auf Google Maps JavaScript-Code

Question

Dies ist mein Code, und ich möchte einen zweiten Marker hinzufügen. Ich habe keine Erfahrung mit Javascript und ich konnte keinen Weg finden, es zu tun. Ich werde einige auch erklären lieben!

<script type="text/javascript"> 
     var map; 
     function initialize() { 
      var mapOptions = { 
       center: new google.maps.LatLng(XX.XXXXX, YY.YYYYYY), 
       zoom: 15, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      map = new google.maps.Map(document.getElementById("map-canvas"), 
         mapOptions); 

      var myLatlng = new google.maps.LatLng(XX.XXXXX, YY.YYYYYY); 
      var marker = new google.maps.Marker({ 
       position: myLatlng, 
       map: map, 
       title: "'. $xmladd .'" 
      }); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
     google.maps.event.addDomListener(window, "resize", function() { 
      var center = map.getCenter(); 
      google.maps.event.trigger(map, "resize"); 
      map.setCenter(center); 
     }); 
    </script> 

Answer 1

Kopieren Sie den Code für den ersten Marker, indem Sie die Position entsprechend ändern.

Code-Schnipsel:

html, 
 
body, 
 
#map-canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<div id="map-canvas"></div> 
 
<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<script> 
 
    var map; 
 

 
    function initialize() { 
 
    var mapOptions = { 
 
     center: new google.maps.LatLng(40.7127837, -74.0059413), 
 
     zoom: 11, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map-canvas"), 
 
     mapOptions); 
 

 
    var myLatlng = new google.maps.LatLng(40.7127837, -74.0059413); 
 
    var marker = new google.maps.Marker({ 
 
     position: myLatlng, 
 
     map: map, 
 
     title: "'. $xmladd .'" 
 
    }); 
 
    var myLatlng2 = new google.maps.LatLng(40.735657, -74.1723667); 
 
    var marker2 = new google.maps.Marker({ 
 
     position: myLatlng2, 
 
     map: map, 
 
     title: "'. $xmladd2 .'" 
 
    }); 
 
    } 
 
    google.maps.event.addDomListener(window, 'load', initialize); 
 
    google.maps.event.addDomListener(window, "resize", function() { 
 
    var center = map.getCenter(); 
 
    google.maps.event.trigger(map, "resize"); 
 
    map.setCenter(center); 
 
    }); 
 
</script>