0

jquery-ui-map jquery プラグインで使用するさまざまな例を試してみましたが、うまくいきませんでした。

これは簡単なコードです

<!DOCTYPE HTML>
<html>

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/jquery.ui.map.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.services.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery-1.7.1.min.js"></script>
    <script>
        function init() {
          $('#map_canvas').gmap({ 'center': '42.345573,-71.098326' });
        };
    </script>
</head>

<body onload="init();">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>

</html>

スクリプトが正常に起動し、毎回 firebug コンソールで次のように表示されます。

URL: GET "https://maps.googleapis.com/maps/gen_204?ev=api_ads&cad=src:apiv3,ads:0" ステータス: 204 コンテンツなし

私の第一印象は、API KEY を使用していないということでしたが、Google のドキュメントには「キーの使用は必須ではありません」とありました。

何か案が ？

前もって感謝します。

4

1 に答える 1

0

これが実際の例です。jquery および jquery-ui-map へのパスのみを変更する必要があります。

<!DOCTYPE HTML>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery/jquery.ui.map.full.min.js"></script>
        <script>
            function init() {
              $('#map_canvas').gmap({ 'center': '42.345573,-71.098326' });
            };
        </script>
    </head>

    <body onload="init();">
        <div id="map_canvas" style="width:100%;height:350px;"></div>
    </body>    
</html>

あなたの間違いは次のようです：

  1. ui-map-plugin の前に jQuery を含める必要があります
  2. map_canvasのスタイルの高さは px にする必要があります。
  3. http代わりにAPIを取得する必要がありますhttps
于 2012-09-26T08:55:46.440 に答える