0

複数のマーカーを表示する Google Maps Api を実装することができましたが、Maps Div は常に下の図のような誤動作を示しています (影が正しくない、「ウィーン」のタイトルの下に波 (?!) がある、および左側にはコントロールボタンがありません)。

Google マップの不正行為

私は mac で chrome を使用しており、mac を数回再起動しましたが、firefox と safari で再現できます。

私のコードは次のようになります:

<head>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3&sensor=false"></script>
</head>

<div id="map" style="width:500px;height:500px;"></div>

<script type="text/javascript"> 
                    var locations = [
                      ['Vienna',48.2144203,16.383573,1]
                      ['Test',48.53234,16.32367,2]
                    ];

                    var map = new google.maps.Map(document.getElementById('map'), {
                      zoom: 13,
                      center: new google.maps.LatLng(48.2144203,16.383573),
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    });

                    var infowindow = new google.maps.InfoWindow();

                    var marker, i;

                    for (i = 0; i < locations.length; i++) {  
                      marker = new google.maps.Marker({
                        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                        map: map
                      });

                      google.maps.event.addListener(marker, 'click', (function(marker, i) {
                        return function() {
                          infowindow.setContent(locations[i][0]);
                          infowindow.open(map, marker);
                        }
                      })(marker, i));
                    }
</script> 
4

1 に答える 1

1

この問題は通常、ブートストラップから発生します。max-width:none; を使用して gmaps ページにインライン スタイルを追加するだけです。そしてそれは修正されます。

<style>
       img {max-width: none !important;}
</style>
于 2013-08-11T14:27:15.090 に答える