2
marker.setIcon()
을 사용하여 마커 이미지를 변경하려고합니다. 그러나 이것이 marker.iconUrl
속성을 변경하지만 아이콘 자체는 marker.proprietary_marker.$.icon.image
을 사용하여 마커 이미지를 표시하므로 마커 아이콘은 변경되지 않습니다. 을 동적으로 변경하는 방법이 있습니까?Mapstraction : 아이콘 이미지 URL을 추가 한 후 변경 하시겠습니까?
- 마커를 추가하십시오.
- 아이콘의 이미지 URL과 독점 아이콘의 이미지를 확인하십시오. 동일합니다.
- 아이콘을 변경하십시오.
- 다시 URL을 확인하십시오. 이제 Icon Url이 변경되었지만 마커는 독점 마커 개체에있는 이전 이미지를 여전히 보여줍니다.
<head>
<title>Map Test</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=Your-Google-API-Key" type="text/javascript"></script>
<script src="mapstraction.js"></script>
<script type="text/javascript">
var map;
var marker;
function getMap(){
map = new mxn.Mapstraction('myMap','google');
map.setCenterAndZoom(new mxn.LatLonPoint(45.559242,-122.636467), 15);
}
function addMarker(){
marker = new mxn.Marker(new mxn.LatLonPoint(45.559242, -122.636467));
marker.addData({infoBubble : "Text", label : "Label", marker : 4, icon: "http://mapscripting.com/examples/mashups/richter-high.png"});
map.addMarker(marker);
}
function changeIcon(){
marker.setIcon("http://assets1.mapufacture.com/images/markers/usgs_marker.png");
}
function showIconURL(){
alert(marker.iconUrl);
}
function showProprietaryIconURL(){
alert(marker.proprietary_marker.$.icon.image);
}
</script>
</head>
<body onload="getMap()">
<div id="myMap" style="width:627px; height:412px;"></div>
<div>
<input type="button" value="add marker" OnClick="addMarker();">
<input type="button" value="change icon" OnClick="changeIcon();">
<input type="button" value="show icon URL" OnClick="showIconURL();">
<input type="button" value="show proprierty icon URL " OnClick="showProprietaryIconURL();">
</div>
</body>
</html>