2014-03-04 5 views
0

아이콘 색상을 쉽게 변경하려면 어떻게해야하나요? 나는 단지 googles 표준 마커를 사용하여 다른 색상으로 바꿀 수 있기를 원합니 까? var = marker .....를 사용하여 마커를 만들 때 색상을 선언 할 수있는 방법이 있습니까?Google지도 아이콘 색상 변경

<script type="text/javascript"> 

var map = null; 
function initialize() { 
var myOptions = { 
zoom: 5, 
center: new google.maps.LatLng(54.2361100,-4.5480600), 
mapTypeControl: true, 
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, 
navigationControl: true, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
map = new google.maps.Map(document.getElementById("map_canvas"), 
          myOptions); 

google.maps.event.addListener(map, 'click', function() { 
    infowindow.close(); 
    }); 

var point = new google.maps.LatLng(50.7184100,-3.5339000); 
    var marker = createMarker(point,'<div style="width:200px"><h2>text</h2><\/div>') 


    var point = new google.maps.LatLng(50.9097000,-1.4043500); 
    var marker = createMarker(point,'<div style="width:200px"><h2>text</h2><\/div>') 

} 

var infowindow = new google.maps.InfoWindow(
{ 
size: new google.maps.Size(150,50) 
}); 

function createMarker(latlng, html) { 
var contentString = html; 
var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    zIndex: Math.round(latlng.lat()*-100000)<<5 
    }); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.setContent(contentString); 
    infowindow.open(map,marker); 
    }); 
} 



</script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()"> 
<div id="map_canvas" style="width: 535px; height: 500px"></div> 
+0

http://stackoverflow.com/questions/2472957/how-can-i-change-the-color-of-a-google-maps-marker -이 외의 다른 작업을 수행해야합니까? – Knightsy

+0

예. 나는 그것을 작동시키지 못한다. Var marker = createMarker 뒤에 코드를 넣으려고했습니다. ???? – user2208358

답변

1

여기에서 숀의 대답을 조정 How can I change the color of a Google Maps marker?.

시도

function createMarker(latlng, html, iconName) { 
var contentString = html; 
var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    icon: iconName, 
    zIndex: Math.round(latlng.lat()*-100000)<<5 
}); 

로 만들 마커 기능을 변경 그리고

var marker = createMarker(point,'<div style="width:200px"><h2>text</h2><\/div>', 'brown_markerA.png') 

당신이 당신의지도 페이지와 같은 곳에서 모든 아이콘을 배치해야합니다 만들기로 부른다.

그러면 다양한 색상이나 문자에 맞게 문자열을 작성하는 방법을 조정할 수 있습니다.

+0

코드를 시도하고 아이콘이 사라집니다. – user2208358

+0

지금 일하고 있습니다. 도움을 많이 주셔서 감사합니다. – user2208358

+0

위의 큰 눈금을 클릭하여 답변을 수락하십시오. – Knightsy

관련 문제