如何在HTML中访问.js函数？

Question

我在javascript方面的经验非常匮乏。仅此一个问题就可以解决当前大约90％的问题！

因此，这里有一个显示的地图，它们是已经在.js文件中放置的标记语言，我需要的是能够通过php添加标记，所以我假设我必须传递一个数组foreach并运行脚本以添加每个标记。 但是访问该功能似乎是我的主要问题。

<div class="col-md-6">
    <div class="content-wrap" id="map">

        <div class="wrapper" >
        </div>

    </div>
</div>


<script src="js/maps.js"></script>
<script src="plugins/gmaps.js"></script>

maps.js

var googlemap = function () {

    var map;

    return {
        init: function () {
            map = new GMaps({
                div: "#map",
                lat: ***,
                lng: ***
            });
            map.addMarker({
                lat: ***,
                lng: ***,
                title: "Marker with InfoWindow",
                infoWindow: {
                    content: "<p>***</p>"
                }
            });
        }
    };
}();

$(function () {
    "use strict";
    googlemap.init();
});

我如何到达.php文件中的功能？

还请注意，.js函数中的当前地图标记正常工作。

Answer 1

您无法使用PHP脚本访问.js文件，除非您想做一些笨拙的函数来为每次加载重写文件。

改为在您的html文件中添加内联脚本。

更换：

<script src="js/maps.js"></script>

带有：

<script type="text/javascript">
var googlemap = function () {

    var map;

    return {
        init: function () {
            map = new GMaps({
                div: "#map",
                lat: <?php echo $lat; ?>,
                lng: <?php echo $lon; ?>
            });
            map.addMarker({
                lat: <?php echo $lat; ?>,
                lng: <?php echo $lon; ?>,
                title: "Marker with InfoWindow",
                infoWindow: {
                    content: "<p>***</p>"
                }
            });
        }
    };
}();

$(function () {
    "use strict";
    googlemap.init();
});
</script>

Answer 2

我认为您应该使用Ajax从服务器获取所需的内容。 返回一个对象并使用您返回的数据。