맞춤 마커 크기 변경 Google지도

Question

이미지 마커 (아이콘의 URL은 코드에 있음)에 대한 맞춤 아이콘을 설정했지만 그 크기를 맞춤 설정하는 방법을 알지 못합니다. 온라인에서 도움을 받으려고했지만 코딩 지식이 부족하여 코드를 추가 할 필요가 없었습니다. 누군가 시장 아이콘의 너비/높이를 사용자 정의하는 데 필요한 수정을 통해 완성되고 완성 된 코드를 내게 보낼 수 있습니까?

감사합니다.

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyDL51DzuRotMkfR09g540u2dZHlKPMpR54'></script> 
<div style='overflow:hidden;height:450px;width:100%;'> 
<div id='gmap_canvas' style='height:450px;width:100%;'></div> 
<style> 
#gmap_canvas img { 
    max-width:none!important; 
    background:none!important 
} 
</style> 
</div> 
<script type='text/javascript'> 
function init_map(){ 
    var myOptions = { 
    scrollwheel: false, 
    draggable: false, 
    zoom:16, 
    center:new google.maps.LatLng(25.841211,-80.308539), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions); 
    marker = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(25.841211,-80.308539), 
    icon: 'http://www.ssglobalsupply.com/images/location-contact.png' 
    }); 
    infowindow = new google.maps.InfoWindow({ 
    content:'6891 NW 74th St Medley, FL 33166<br>' 
    }); 
    google.maps.event.addListener(marker, 'click', function(){ 
    infowindow.open(map,marker); 
    }); 
    infowindow.open(map,marker); 
} 
google.maps.event.addDomListener(window, 'load', init_map); 
google.maps.event.addDomListener(window, "resize", function() { 
    var center = map.getCenter(); 
    google.maps.event.trigger(map, "resize"); 
    map.setCenter(center); 
}); 
</script> 

Answer 1

크기 인수는 픽셀 단위입니다. 따라서, 귀하의 예제의 마커의 크기를 두 배로을 MarkerImage 생성자에 다섯 번째 인수는 다음과 같습니다

이

new google.maps.Size(42,68) 

은 자세한 내용

다음

---

를 얻을 수 steampowered's answer에 대한 링크를 확인하면 아이콘 마커 크기에 대한 JSFIDDLE입니다 50px x 50px

 var image = { 
     url: 'http://www.ssglobalsupply.com/images/location-contact.png', 
     // This marker is 50 pixels wide by 50 pixels high. 
     size: new google.maps.Size(50, 50), 
     // The origin for this image is (0, 0). 
     origin: new google.maps.Point(0, 0), 
     // The anchor for this image is the base of the flagpole at (0, 32). 
     anchor: new google.maps.Point(0, 32) 
    };