-1

Google maps javascript api 包含一个简单的示例，如果我将其复制/粘贴到 html 文件中并将其放在我的服务器上，则效果很好。

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

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

下面是我当前的 php 文件，因为此时除了打开和关闭 php 之外没有看到任何 php 代码，然后复制粘贴了 google maps 示例 - 但 div，我相信 meta 不只是像这样“工作”因为我不能有头？还是身体？在 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）。对于概念证明，这很好。

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

  1. 构建自己的模块。这真的很容易。起初可能看起来令人生畏，但教程很棒。这样你就可以构建干净的东西，没有重复的内容:)

  2. 为什么要重新发明轮子？使用扩展。他们可能会做你需要的一切，甚至更多。例如：http ://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/maps/1147

于 2013-05-02T20:44:03.160 回答