-1

Google マップの JavaScript API には、html ファイルにコピー/貼り付けしてサーバーに配置するとうまく動作する簡単な例が含まれています。

ただし、コードをphpファイルに「コピー/貼り付け」し、いくつかのjavascript関数を呼び出して（最終的に）マップに「マーカーを追加」できるようにしたいのですが、そのためには、このhtmlコードがどのように機能するかを理解するのに助けが必要です動作します-実際にページに何かを表示する方法がわからないためです。

https://developers.google.com/maps/documentation/javascript/examples/map-simple

以下は私の現在のphpファイルです。この時点でphpを開いたり閉じたりする以外にphpコードは表示されず、Googleマップの例のコピーペースト-まだdivです。メタはこのように「機能」するだけではないと思います頭がないから？または体？joomlaの記事で？

このファイルを joomla で実行したときに期待されるのは、php ファイルを単独で開いた場合と同じですが、何も表示されません (hello world テキスト以外)...

    <?php

    ?>

     <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
        <style>
          html, body, #map-canvas {
            margin: 0;
            padding: 0;
            height: 100%;
          }
        </style>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <script>
            var map;
            function initialize() {
                var mapOptions = {
                    zoom: 8,
                    center: new google.maps.LatLng(44.981314, -93.25633),
                    mapTypeId: google.maps.MapTypeId.HYBRID
                };
                map = new google.maps.Map(document.getElementById('map-canvas'),
          mapOptions);
                var myLatlng = new google.maps.LatLng(44.964251, -93.266459);
                var marker = new google.maps.Marker({
                    position: myLatlng,
                    title: "Hello World!"
                });
                marker.setMap(map);
            }

            google.maps.event.addDomListener(window, 'load', initialize);

        </script>
      </head>
      <body>
hello world
        <div id="map-canvas"></div>
      </body>
4

1 に答える 1

1

私はこれを試し、あなたの問題を再現しました。Firebug を見ると、何らかの理由で Joomla がマップを表示していないだけで、マップが取得されていることがわかります。

ヘッダー/ボディの重複は問題ではありません (これで問題なくサイトをロードできますが、w3c と互換性がないためお勧めできません)。概念実証の場合は問題ありません。

解決策はありませんが、ここで 2 つのオプションに言及する価値があると考えました。

  1. 独自のモジュールを構築します。これは本当に簡単です。最初は難しそうに見えるかもしれませんが、チュートリアルは素晴らしいです。このようにして、重複するコンテンツのないクリーンなものを構築します:)

  2. なぜ車輪を再発明するのですか？拡張機能を使用してください。彼らはおそらくあなたが必要とするすべてを行うことができます. 例: http://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/maps/1147

于 2013-05-02T20:44:03.160 に答える