Google지도에서 동적으로 마커 이미지 크기 조정

-1

Google지도에 마커를 추가했습니다. editable: true을 설정하여 Rectangle을 크기를 조정할 수있는 것처럼 Google지도에 배치 한 후 마커 이미지의 크기를 조정할 수있는 방법이 있습니까?Google지도에서 동적으로 마커 이미지 크기 조정

마커 이미지의 크기를 설정하는 데는 scaledSize 및 size 속성이 있지만 크기가 다른 것으로 알고 있습니다. 마커 크기를 조정할 수있는 방법은 무엇입니까?

다음은 사용중인 샘플 코드입니다. 지도 설명서 섹션에서 가져 왔습니다.

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <title>Simple markers</title> 
    <style> 
     html, body, #map-canvas { 
     height: 100%; 
     margin: 0px; 
     padding: 0px 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
    <script> 
function initialize() { 
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
    var mapOptions = { 
    zoom: 4, 
    center: myLatlng 
    } 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Hello World!' 
    }); 
} 

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

    </script> 
    </head> 
    <body> 
    <div id="map-canvas"></div> 
    </body> 
</html>

출처

2015-01-02 Aleem

마커는 편집 할 수 없습니다. 크기를 변경할 수는 있지만이를 수행하기 위해 마커 아이콘을 수정하는 코드를 작성해야합니다. 귀하의 문제를 보여주는 [최소, 완료, 검증되고 읽을 수있는 예] (http://stackoverflow.com/help/mcve)를 제공해주십시오. – geocodezip

-1

글쎄, 독자적으로 마커 이미지의 크기를 조정했습니다. 나는 다른 누군가가 똑같은 것을 만나면 대답을 게시해야한다고 생각했다.

마커의 이미지 속성을 설정하려면 icon을 사용했습니다. 두 가지 기능을 만들었습니다. decSize(marker)과 incSize(marker)이 논리를 사용하여 크기를 변경했습니다. 나는 그것이 모든 사용자를위한 서버 목적 일지 모르지만 나를 위해 일하는 것은 알지 못한다.

function createMarker() { 
    var myIcon = { 
     url: "car.png", //url 
     scaledSize: new google.maps.Size(50, 50) }; 

    var marker = new google.maps.Marker({ 
    position: location, 
    map: map, 
    draggable: true, 
    icon:myIcon 
    }); 
} 


//Definition of decSize function. 
//This function is triggered through some button onClick listener. 
function decSize(marker) { 
    var oldIcon = marker.getIcon(); 
    var size_x = oldIcon.scaledSize.width; 
    var size_y = oldIcon.scaledSize.height; 
    var newIcon = {url: oldIcon.url, scaledSize: new google.maps.Size(size_x-1,size_y-1)}; 
    marker.setIcon(newIcon); 
}

출처

2015-01-02 19:02:17 Aleem

Google지도에서 동적으로 마커 이미지 크기 조정

답변

관련 문제