Question

谷歌地图javascript api包含一个简单的例子，如果我把它复制/粘贴到一个html文件中并将它放在我的服务器上工作得很好。

但是我真的想把代码'复制/粘贴'到php文件中，然后调用一些javascript函数来“添加标记”到地图（最终） - 但为了做到这一点，我需要帮助理解如何这个HTML代码有效 - 因为我不明白它是如何实际向页面显示内容的。

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

下面是我当前的php文件，因为你看到除了打开和关闭php之外没有PHP代码，然后谷歌地图示例的复制粘贴 - 但div，我相信meta不仅仅是'工作“这样，因为我不能有头脑？还是身体？在joomla文章？

当我在joomla中运行此文件时，我期望看到的是我看到的相同的东西，如果我自己打开我的php文件 - 但没有任何显示（除了hello world text）...

    <?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>

Answer 1

我尝试了这个并重现了你的问题。如果你看看Firebug，你可以看到地图被检索，只是Joomla没有出于任何原因显示它。

重复的标题/正文不是问题（你可以加载没有问题的网站，虽然不是一个好主意，因为它不兼容w3c）。为了概念证明，这很好。

我没有解决方案，但认为值得一提两个选项：

构建自己的模块。这真的很容易。起初看起来可能令人生畏，但tutorial很棒。这样你就可以构建一个没有重复内容的东西：）
为什么重新发明轮子？使用扩展程序。他们可以做你需要的一切，甚至更多。例如：http://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/maps/1147

带有JUMI的Joomla内部的html和javascript的PHP文件没有显示任何内容 - 重复的标题和正文？

1 个答案: