7

Google マップの奇妙な動作が発生しています (添付の画像を参照)。誰もそれを経験したことがありますか？

ドラッグ後 近い 以下のコード

<script>
<!--
    var map_geolocation;

    function savePosition_geolocation(point)
    {
        var input = document.getElementById("id_geolocation");
        input.value = point.lat().toFixed(6) + "," + point.lng().toFixed(6);
        map_geolocation.panTo(point);
    }

    function load_geolocation() {
        var point = new google.maps.LatLng(50.728632, 9.111587);

        var options = {
            zoom: 13,
            center: point,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            // mapTypeControl: true,
            // navigationControl: true
        };

        map_geolocation = new google.maps.Map(document.getElementById("map_geolocation"), options);

        var marker = new google.maps.Marker({
                map: map_geolocation,
                position: new google.maps.LatLng(50.728632, 9.111587),
                draggable: true

        });
        google.maps.event.addListener(marker, 'dragend', function(mouseEvent) {
            savePosition_geolocation(mouseEvent.latLng);
        });

        google.maps.event.addListener(map_geolocation, 'click', function(mouseEvent){
            marker.setPosition(mouseEvent.latLng);
            savePosition_geolocation(mouseEvent.latLng);
        });

    }

    $(function() {
        load_geolocation();
    });

//-->
</script>
        <input type="hidden" name="geolocation" value="50.728632,9.111587" id="id_geolocation" /><div id="map_geolocation" style="width: 400px; height: 300px"></div>
4

3 に答える 3

15

引き伸ばされたタイルや歪んだコントロールをさまざまな形で見てきましたが、引き伸ばされたマーカーや影は初めて見ました。運が良ければ、これらの行を CSS またはスタイルに追加すると、マップとマーカーが引き伸ばされます。

 #map_geolocation label { width: auto; display:inline; }
 #map_geolocation img { max-height: none; max-width: none; }

添付のコードを試してみましたが、そのままで問題ないようです。

于 2012-05-30T17:55:12.247 に答える
9

Are you using twitter bootstrap? If so, try to add the following stylesheet.

div#map_geolocation img {
  max-width:none;
}
于 2012-06-07T16:30:49.377 に答える