0
私のコードをご覧ください。マーカーをクリックすると、divがサイズ変更されます。 divをサイズ変更した後に地図を再入力したいと思います。しかし、divのサイズ変更イベントをキャプチャできないようです。 (注:div clickイベントはうまくキャプチャできます。なぜサイズ変更イベントが機能しないのかわかりません)divのサイズを変更したときにdivのGoogleマップを再入力
私は以下の方法で地図を再調査しようとしました。それはうまくいかなかった。私はどんな助けにも感謝します。ここで
var currCenter = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(currCenter);
が私のコードです:
<body>
<div id="map_display"></div>
<script language="JavaScript">
var map;
var uluru = {lat: 43.657, lng: -79.384};
var myicon = 'https://maps.google.com/mapfiles/kml/shapes/parking_lot_maps.png';
function initMap() {
map = new google.maps.Map(document.getElementById("map_display"), {
center: uluru,
zoom: 14,
zoomControl: false
});
var marker = new google.maps.Marker({
position: uluru,
map: map,
title: "bike station",
icon: myicon
});
marker.addListener('click', function() {
$("#map_display").animate({width: '75%'});
});
}
</script>
<script language="JavaScript" async defer
src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxx&callback=initMap"></script>
</body>
それは動作します。それは役に立ちます。私はあなたの助けに感謝します。 –