0

読んでくれてありがとう。私はJSバージョンのMapsv3APIを使用しており、ジオコーディング/方向/マップマーカーなどを取得できますが、何らかの理由で、クライアントのサイトのサイドバーに表示したいこの特定のマップでは、マップが表示されないようです。正しくロードします。

JSをAPIドキュメントの単純なサンプルコードに戻しましたが、それでも機能しません。（私のスクリーンショットでは、 mapOptionsに「disableDefaultUI：true」を追加しました）

  • マウスホイールでスクロールしてズームできません。
  • マウスでクリックしてドラッグできません。
  • ロゴと細字が上部（通常は下部）に表示されています
  • 右クリックしてコンテキストメニューを表示できます（通常ではありません）。

この特定のページでマップが機能しない理由がわかりません。map_canvasのサイズが小さすぎますか？（231px x 231px）。

この問題を見たり聞いたりしたことがありますか？

4

2 に答える 2

2

マップが壊れる可能性があるため、コンソールが開いているかどうかを確認してください。

テスト中は、コンソールを閉じたままにして結果を表示し、再度開き、更新してログを表示します。
これはひどいですが、理由もなく髪を引っ張るよりはましです。

于 2013-01-08T15:14:30.920 に答える
0

このコードを試してみてください..

 <script language="javascript" type="text/javascript">
      var geocoder;
      var map;   

 $(document).ready(function() {
     initialize();
  }

      function initialize() {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(40.77627, -73.910965);
        var myOptions = {
          zoom: 8,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      }

</script>

html

<div id="map_canvas">

</div>
于 2012-08-11T04:54:47.357 に答える