Google지도에 두 번째 아이콘 추가 자바 스크립트 코드

Question

이것은 내 코드이며 두 번째 아이콘을 추가하고 싶습니다. 나는 자바 스크립트에 대한 경험이 없으며 그것을 할 수있는 방법을 찾지 못했습니다. 나는 또한 약간을 설명하는 것을 좋아할 것이다!

<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>