3
페이지로드시 InfoWindow의 중심에 문제가 있습니다. 로드시,지도는 마커를 중심으로 InfoWindow를 화면에서 떼어냅니다 (지도 컨테이너의 짧은 높이로 작업하고 있습니다).센터 Google지도 InfoWindow로드시
이제 마커를 클릭하면 InfoWindow에서 맵의 중심을 다시 정렬하므로 원하는 모양이됩니다. 그 경우, 나는 심지어 마커를 발사하여로드에 대한 솔루션을 얻으려고 시도했지만 행운이 없었습니다. 내가 뭘 놓치고 있니?
JSFIDDLE : http://jsfiddle.net/q9NTS/7/
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
var marker;
var infoWindow;
var map;
function initialize() {
var mapOptions = {
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
setLocation();
}
function setLocation() {
var address = '@(Model.Event.Address)' + ', ' + '@(Model.Event.City)' + ', ' + '@(Model.Event.State)' + ' ' + '@(Model.Event.Zip)';
geocoder.geocode({ 'address': address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var position = results[0].geometry.location;
marker = new google.maps.Marker({
map: map,
position: position,
title: '@(Model.Event.Venue)'
});
map.setCenter(marker.getPosition());
var content = 'blah';
infoWindow = new google.maps.InfoWindow({
content: content
});
google.maps.event.addListener(marker, 'click', function() {
infoWindow.open(map, marker);
});
//infoWindow.open(map, marker); doesn't work
google.maps.event.trigger(marker, 'click'); //still doesn't work
}
else {
//
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
나는 특히 그것을 좋아하지도 않는다. 새로운 이벤트 기반 v3 API를 사용하면 모든 것이 완료되면 알 수있는 이벤트가 있어야하며 click 이벤트가 올바르게 작동하지만 알 수 있으면 잘 알려지지 않습니다. – geocodezip
부적이 작품에 감사드립니다! – davidbucka