2011-08-18 7 views
0

私が覚えている限り、ストリートビューペグマンが私の地図に登場しました。今日、私は彼が出てこないことに気付いた(彼をつかむためにマウスをどこに置かなければならないか知っていても、あなたはストリートビューを起こすことができる)。私のズームコントロールも同様に消えてしまっていますが、どこにマウスを置いてもわかりますが、まだ表示されているようなモバイルデバイスでは表示されません。ペグマンは私の地図から消えた

私が最初に推測したのは、これは最近導入されたMaps APIのバグです。ただし、APIのURLにv=3.4を指定しても問題は解決されません。

何か間違っていますか?回避策がありますか?ここで

は、私はマップの作成方法は次のとおりです。

<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の手品を使って達成されました。それを設定していただきありがとうございます。私はペグマンコントロールの表示を台無しにしていた、比較的最近のCSSルールの追加がありました。 – Trott

答えて

1

私は最近、問題を引き起こしていた、このCSSルールを追加しました:そのルールを削除する

img { 
    max-width: 100%; 
} 

は、問題を修正しました。