Googleマップで2番目のマーカーを追加javascript code

Question

これは私のコードで、2番目のマーカーを追加します。私はjavascriptで経験していないと私はそれを行う方法を把握できませんでした。私もいくつかの説明を愛する！

<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

最初のマーカーのコードを複製し、位置を適切に変更します。

コードスニペット：

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>