重複の可能性:
Google マップの情報ウィンドウが正しく表示されない
私は安全なプロジェクトに取り組んでいるので、実際に動作するコードの例を提供する方法がよくわかりません。
ここに私が直面している問題のスクリーンショットがあります
マップの生成に使用しているコードも提供できます。
ヘッダー内:
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
体内で:
<script type="text/javascript">
var addressID = '<?php echo $this->session->userdata("addy_var_se");?>, <?php echo $this->session->userdata('city_var_se');?>, <?php echo $this->session->userdata('state_var_se');?>';
setMapAddress( addressID );
function setMapAddress( address ) {
var geocoder = new google.maps.Geocoder();
var markers = [];
geocoder.geocode( { address : address }, function( results, status ) {
if( status == google.maps.GeocoderStatus.OK ) {
var latlng = results[0].geometry.location;
var options = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map( document.getElementById( 'map_canvas' ), options );
var marker = new google.maps.Marker({
map: map, position: results[0].geometry.location, title: '<?php echo $this->session->userdata('event_venue_se');?>',
});
/* Create Info Windows */
var infowindow = new google.maps.InfoWindow({
content: " "
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent('<h3>'+this.title+'</h3>'+addressID);
infowindow.open(map, this);
});
markers.push(marker);
}
} );
}
</script>
ユーザーがマーカーをクリックすると、ファンキーな情報ウィンドウが生成されます。以前に Gmaps を使用したことがありますが、これを見たことはありません。おそらく v2 と v3 の問題でしょうか?
どんな洞察も素晴らしいでしょう!ありがとうございました :)