谷歌地图在打开标记时将 null 设置为默认值答案

【问题标题】：Google maps set null as default when open markers谷歌地图在打开标记时将 null 设置为默认值
【发布时间】：2018-12-08 22:05:47
【问题描述】：

有没有办法在地图打开时创建“set map (null)”作为默认值？我的意思是当我第一次打开网页时，地图上的所有数据都不会出现。

我使用数据库调用数据并从我的存储中加载数据geojson

<?php foreach ($map_link->result_array() as $i) : ?>
  var <?= $i['maplink_var']; ?> = new google.maps.Data({map: map});
  <?= $i['maplink_var']; ?>.loadGeoJson('<?= base_url().'/asset/mapgeojson/geojson/'.$i['maplink_url']; ?>');
<?php endforeach; ?>


<?php foreach ($map_link->result_array() as $i) : ?>
  $('#<?= $i['maplink_var'];?>').click(function(){
    <?= $i['maplink_var'];?>.setMap($(this).is(':checked') ? map : null);
  });
<?php endforeach; ?>

这是我的 javascript 用于打开关闭按钮并显示隐藏地图

$('#jalan_nasional,#jalan_provinsi,#air_bersih,#bendung,#jembatan,#sanitasi,#pelabuhan,#terminal,#stasiun,#bandara,#sungai,#sungaipol,#tol').removeAttr('disabled');

    $('#all').click(function(){
      <?php foreach ($map_link->result_array() as $i) : ?>
        <?= $i['maplink_var']; ?>.setMap($(this).is(':checked') ? map : null);
        tol.setMap($(this).is(':checked') ? map : null);
      <?php endforeach; ?>
    });

    $(document).ready(function() {
      $('#all').click(function() {
        var checked = $(this).prop('checked');
        $('#checkboxes').find('input:checkbox').prop('checked', checked);
      });
    })

这是我的开关数据按钮

    <div class="panel panel-default">
      <div class="panel-heading">
        All
        <div class="material-switch pull-right">
          <input id="all" name="someSwitchOption001" type="checkbox" checked="checked"/>
          <label for="all" class="label-success"></label>
        </div>
      </div>
      <div id="checkboxes">

        <ul class="list-group">

          <li class="list-group-item">
            Jalan Nasional
            <div class="material-switch pull-right">
              <input id="jalan_nasional" name="someSwitchOption001" type="checkbox" checked="checked"/>
              <label for="jalan_nasional" class="label-success"></label>
            </div>
          </li>
          <li class="list-group-item">
            Jalan Provinsi
            <div class="material-switch pull-right">
              <input id="jalan_provinsi" name="someSwitchOption001" type="checkbox" checked="checked"/>
              <label for="jalan_provinsi" class="label-success"></label>
            </div>
          </li>
          <li class="list-group-item">
            Air
            <div class="material-switch pull-right">
              <input id="air_bersih" name="someSwitchOption001" type="checkbox" checked="checked"/>
              <label for="air_bersih" class="label-success"></label>
            </div>
          </li>

我的代码实际上没有任何问题。起初，当我打开一个网页时，所有数据都被调用，因此默认情况下屏幕充满了标记数据。按钮用于隐藏和显示标记。而对于目前的问题，我想让地图数据在第一次打开网页时默认不出现，并且所有按钮都处于关闭位置。

也许有人可以帮助我？

【问题讨论】：

标签： javascript google-maps maps geojson gmaps.js

【解决方案1】：

然后在您的初始分配中将每个标记设置为 null（而不是有效的地图值）

    <?php foreach ($map_link->result_array() as $i) : ?>
      $('#<?= $i['maplink_var'];?>').click(function(){
        <?= $i['maplink_var'];?>.setMap( null);
      });
    <?php endforeach; ?>

【讨论】：