2011-08-18 4 views
0

내가 기억할 수있는 한, 거리보기 pegman이 내지도에 표시되었습니다. 오늘, 나는 그가 나타나지 않는 것을 알아 챘다. (그가 마우스를 가져 가야 할 곳을 알았더라도 여전히 거리보기를 할 수있다.) 내 줌 컨트롤도 비슷하게 사라졌지 만 (마우스를 댈 수있는 위치를 알면 계속 표시되지만) 잘 보이는 것처럼 보이는 휴대 기기에는 표시되지 않습니다.Pegman이 내지도에서 사라졌습니다.

내 생각에 가장 최근에 소개 된지도 API의 버그입니다. 그러나 API의 URL에 v=3.4을 지정해도 문제가 해결되지는 않습니다.

내가 잘못 했나요? 그렇지 않은 경우 해결 방법이 있습니까? 나는 최근에 문제를 일으키는이 CSS 규칙을 추가했다

<script type="text/javascript"> 
var lat=<?php echo $lat; ?>; 
var lon=<?php echo $lon; ?>; 
var initialZoom=<?php echo $initialZoom; ?>; 
var mapTypeId = 'Custom Map'; 
var mapStyle = [{featureType:"administrative", elementType:"all", stylers:[{hue:"#dae6c3"},{saturation:22},{lightness:-5}]}, 
       {featureType:"landscape", elementType:"all", stylers:[{hue:"#dae6c3"},{saturation:16},{lightness:-7}]}, 
       {featureType:"road", elementType:"geometry", stylers:[{hue:"#ffffff"},{saturation:-100},{lightness:100}]}]; 
var styledMap = new google.maps.StyledMapType(mapStyle); 

var mapType = new google.maps.ImageMapType({ 
    tileSize: new google.maps.Size(256,256), 
    getTileUrl: function(coord,zoom) { 
     return "img/tiles/"+zoom+"/"+coord.x+"/"+coord.y+".png"; 
    } 
}); 
var map = new google.maps.Map(document.getElementById("map_canvas"), 
     {center:new google.maps.LatLng(lat,lon), 
     mapTypeId:google.maps.MapTypeId.ROADMAP, 
     zoom:initialZoom, 
     mapTypeControl:false}); 
map.overlayMapTypes.insertAt(0, mapType); 

map.mapTypes.set(mapTypeId, styledMap); 
map.setMapTypeId(mapTypeId); 
</script> 
+1

이 작품은 나를 위해 : http://jsfiddle.net/RECk2/2/ 당신은 당신이 가지고있는 문제를 보여줄 때까지 바이올린을 포크로 업데이트 할 수 있습니까? – plexer

+0

jsfiddle fiddling을 통해 임무 완수. 설정 해줘서 고마워. 비교적 최근의 CSS 규칙 추가로 pegman 컨트롤 디스플레이를 엉망으로 만들었습니다. – Trott

답변

1

:

img { 
    max-width: 100%; 
} 

문제를 해결하는 규칙을 제거 여기

내가지도를 만드는 방법입니다.

관련 문제