Javascript 在我的PHP模板中包括Google地图

因此，我有一个简单的网站模板，我用php模拟，每个目的都分为自己的文件；例如主页、服务、查找我们、功能、标题、内容等。 我想做的是让谷歌地图显示lat/lng中指定的位置，但似乎什么都没有显示。 对于findus.php页面的其他部分，我将内容设置如下：

    $the_title = 'Find Us';
    $the_content = '<h3>Address<h3>';

    <h2><?php echo $the_title; ?></h2>
    <?php echo $the_content; ?>

#map {
height: 250px;
width: 250px;
clear: both;
z-index: -1;
}

page.php文件的代码如下：

<?php
    $the_title = 'Find Us';
    $the_content = '<h3>Address<h3>';
    $the_content2 = '*removed*'

$img = '<img src="map.png" height="350px" width="500px" id=mapimg>';
?>

<div id="map">
 <script>
  var map;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: *removed*, lng: *removed*},
      zoom: 15
    });
  }
</script>
<script async src="https://maps.googleapis.com/maps/api/js?key=*removed*&callback=initMap"></script>
</div>
<?php include('page.php'); ?>

<?php include('header.php'); ?>
        <div id="content">
            <div id="main">
                <h2><?php echo $the_title; ?></h2>
                <?php echo $the_content; ?>
                <?php echo $the_content2; ?>
                <?php echo $video ?>
            <?php echo $img ?>
            </div>


            <?php include('sidebar.php'); ?>
        </div>
<?php include('footer.php'); ?>

不要将映射字符串作为PHP变量！只需按原样粘贴HTML，您可能需要等待页面加载后再运行initMap函数OK，去掉变量。“延迟”和“异步”不是在等待我加载页面吗？你知道如何让地图显示在findus.php页面上而不影响我的所有页面吗？当我在自己的文件中声明内容并在page.php中调用它们时，如果我只是在page.php中粘贴映射代码，它不会显示在每个页面上吗？您如何设置映射div的大小？请提供一个演示该问题的示例。地图在一个html文件中工作，并带有自己的完整和标记。我使用的模板将这个过程分割成几个文件，并在page.php中调用（包括）它们！只需按原样粘贴HTML，您可能需要等待页面加载后再运行initMap函数OK，去掉变量。“延迟”和“异步”不是在等待我加载页面吗？你知道如何让地图显示在findus.php页面上而不影响我的所有页面吗？当我在自己的文件中声明内容并在page.php中调用它们时，如果我只是在page.php中粘贴映射代码，它不会显示在每个页面上吗？您如何设置映射div的大小？请提供一个演示该问题的示例。地图在一个html文件中工作，并带有自己的完整和标记。我使用的模板将这个过程分割成几个文件，并在page.php中调用（包括）它们。

#map {
height: 250px;
width: 250px;
clear: both;
z-index: -1;
}

<?php include('header.php'); ?>
        <div id="content">
            <div id="main">
                <h2><?php echo $the_title; ?></h2>
                <?php echo $the_content; ?>
                <?php echo $the_content2; ?>
                <?php echo $video ?>
            <?php echo $img ?>
            </div>


            <?php include('sidebar.php'); ?>
        </div>
<?php include('footer.php'); ?>