2012-09-12 6 views
0

개발중인 사이트에 두 개의 Google지도 설정이 있으며 둘 다 맞춤 마커를 적용하고 싶습니다. 이것은 내가 작성한 것입니다. -Google지도 맞춤 마커가 표시되지 않습니다.

var coordinates_1 = new google.maps.LatLng(x, x); 
    var coordinates_2 = new google.maps.LatLng(x, x); 
    var map_1_options = { 
     zoom: 14, 
     center: coordinates_1, 
     mapTypeControl: false, 
     streetViewControl: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map_2_options = { 
     zoom: 14, 
     center: coordinates_2, 
     mapTypeControl: false, 
     streetViewControl: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var marker_1 = new google.maps.Marker({ 
     position: coordinates_1, 
     map: map_1, 
     icon: '/images/marker.png' 
    }); 
    var marker_2 = new google.maps.Marker({ 
     position: coordinates_2, 
     map: map_2, 
     icon: '/images/marker.png' 
    }); 
    var map_1 = new google.maps.Map(document.getElementById('location_1'), map_1_options); 
    var map_2 = new google.maps.Map(document.getElementById('location_2'), map_2_options); 

나는 스크립트가 최적화 될 수 있다고 생각하지만, 여기에는 중요한 문제가 아닙니다. 오류 메시지 (또는 누락 된 이미지)가 표시되지 않고 올바른 위치에 두 개의지도가 표시되지만 마커가 표시되지 않습니다. 문제가있는 경우 이미지는 32x32 픽셀입니다. 도움이 될 것입니다.

답변

2

마커의지도 속성으로 사용하기 전에 먼저 map_1map_2을 만들어야합니다.

+0

Doh! :) 지적 해 주셔서 고마워요. 이제 작동합니다. –

관련 문제