首页 文章

当打开标记时,Google Map 将null设置为默认值

提问于
浏览
-1

有没有办法在打开 Map 时创建'set map(null)'作为默认值?我的意思是,当我第一次打开网页时, Map 上的所有数据都不会出现 .

我使用数据库调用数据并从我的存储中加载数据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 for on off按钮和显示隐藏 Map

$('#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>

我的代码实际上没有任何问题 . 首先,当我打开一个网页时,所有数据都被调用,以便默认情况下屏幕已满,并带有标记数据 . 按钮用于隐藏和显示标记 . 对于当前的问题,我想在首次打开网页并且所有按钮都处于关闭位置时,默认情况下不会显示 Map 数据 .

也许有人可以帮助我?

1 回答

  • 0

    然后在您的初始分配中设置null每个标记(而不是有效的映射值)

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

相关问题