0

Mac 上の Chrome で適切に動作する、かなり単純な Google マップの実装があります。まだ-私はモバイル実装とクロスブラウザーの修正に取り組んでおらず、表示されるはずのマーカーと情報ウィンドウは言うまでもなく、マップ自体が適切に表示/機能していないことを発見しました. ネイティブのズーム ツールが表示されず、マップ上のどこをクリックしたりドラッグしたりすることもできません。

私はグーグルとグーグルをしてきましたが、あまり出てきません。ヒントやヘルプをいただければ幸いです（これは特にコードの問題ではないことを認識していますが、まだ）。

私は自分のアプリで問題を発見しましたが、マップ API に Google の「hello world」を使用してテストしましたが、まったく同じ問題です。

<!DOCTYPE html>  
<html>  
  <head>  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <style type="text/css">  
      html { height: 100% }  
      body { height: 100%; margin: 0; padding: 0 }  
      #map-canvas { height: 100% }  
    </style>  
    <script type="text/javascript"  
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDSh0tsHL1DQBwI0-xfuQkUezonGxlt39k&sensor=false">  
    </script>  
    <script type="text/javascript">  
      function initialize() {  
        var mapOptions = {  
          center: new google.maps.LatLng(-34.397, 150.644),  
          zoom: 8,  
          mapTypeId: google.maps.MapTypeId.ROADMAP  
        };  
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);  
    </script>  
  </head>  
  <body>  
    <div id="map-canvas"/>  
  </body>  
</html>
4

1 に答える 1

0

マップのサイズが完全に定義されていません。高さと幅の両方を、サイズを持つ親要素までのパーセントとして指定するか、div のサイズを具体的に定義する必要があります。サイズが定義されていない場合はゼロです。

于 2013-04-05T12:50:47.970 に答える