私のサイトで働く基本的なGoogleマップの例を手に入れることができませんでした。私は自分のページに次のdivを持っている:GoogleマップAPIの基本例
<div id="map_canvas" style="width:100%; height:100%"></div>
そして、私の文書の頭の中で次のよう
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
jQuery(document).ready(initialize);
</script>
要素が私のDOMにロードされ得ているように見えるが、目に見えるはありませんページの地図。
Mike Williamsのオンラインリソース - http://econym.org.uk/gmap/basic19.htm - "style =" width:100%; height :100% "と表示されている場合は、高さがゼロの地図divが表示されます。これは、divが
のサイズのパーセンテージになるようにしようとしていますが、デフォルトではは不確定な高さです簡単な方法は、その高さがページの100%になるようにを変更することです。 –