Question

有没有办法在打开地图时将“设置地图（空）”创建为默认设置？我的意思是，当我第一次打开网页时，地图上的所有数据都不会出现。

我使用数据库调用数据并从存储中加载数据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>

我的代码实际上没有错。首先，当我打开网页时，所有数据都被称为全部，因此默认情况下屏幕上充满了标记数据。按钮功能可隐藏和显示标记。对于当前问题，我希望默认情况下，当首次打开网页并且所有按钮都处于关闭位置时，地图数据不会出现。

也许有人可以帮助我吗？

Answer 1

然后在您的初始分配集中，每个标记都为空（而不是有效的地图值）

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

打开标记时，Google地图将null设置为默认值

1 个答案: