-2

gmap3 JQuery プラグインを使用して HTML ファイルに基本的なマップを設定しようとしていますが、ページを更新するときに常に何も表示されません。ここに私のコードがあります: http://pastie.org/8062410 このリンクにはセットアップ方法が記載されており、通常は JQuery の 1 行だけです: http://gmap3.net/en/catalog/9-map/map-32

誰かが私のコードで何が起こっているかを知るのを手伝ってくれますか? ご協力いただきありがとうございます！

JQM + Google Map API V3 には他にも問題があるため、このトピックに戻ります。ロゴを含むシンプルなヘッダーと、右側の JQM パネルを開くための小さなボタンを備えたフルスクリーンの Google マップを作成したいと考えています。JQMヘッダー+パネルを開くボタンを表示するコードは次のとおりです(動作します!):

<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>TEST</title>
    <link rel="stylesheet" href="themes/default-theme.min.css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3. /jquery.mobile.structure-1.3.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"> </script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?k&sensor=false"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
    <script type="text/javascript" src="./gmap3v5.1.1/gmap3.min.js"></script>
    <script src="./js/load-map.js"></script>
 </head>
<body>
<div data-role="page" id="interface">
    <div data-role="header">
        <div id=logo>
            <img src="../../images/logo.png" width="56" height="25">
        </div>
        <a href="#openPanel">Panel</a>
    </div>
    <div data-role="content">
        <div id="openPanel" data-role="panel" data-position="right" data-display="overlay">
            <ul data-role="listview" data-theme="e">
            <li><a href="#">A</a></li>
            <li><a href="#">B</a></li>
            <li><a href="#">C</a></li>
            <li><a href="#">D</a></li>
            </ul>
        </div>
      <script>
        $("#map-page").gmap3();
      </script>
    </div>
</div>

しかし、Google マップがフルスクリーンで表示されることはなく、ヘッダーが隠れてしまうこともあります。誰かが私の DOM の何が問題なのか教えてくれますか? ご協力いただきありがとうございます！

4

1 に答える 1