pfhwyigou/mobile/views/map/mapindex.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/19
 * Time: 下午2:54
 */
use mobile\assets\AppAsset;
use yii\helpers\Url;
AppAsset::addCss($this,Yii::$app->request->baseUrl."/map/css/index.css");
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/map/js/index.js');
$this->title  = '地图找房';
?>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ARnEI8RzVsf97u7e0SPwdIxi"></script>

<!-- 盒子 -->
<div class="max_box">
      <!-- 弹窗 -->
  <div class="w_info_box">
    <div class="w_top">
        <div class="w_house_img">
            <a href="javascript:void(0);">
              <img src="/map/image/1.jpg" alt="">
              <span>区域</span>
            </a>
        </div>
    </div>
    <div class="w_con">
        <p class="w_title"><span>港珠澳ISC首座</span></p>
        <p class="w_price">价格：<span><em>12500</em><i>元/㎡</i></span></p>
        <p class="w_map_hu">有效期：<?= \common\Helps\Time::effectiveTime() ?></p>
        <p class="w_feature">
            <i>高层公寓</i>
            <i>高层公寓</i>
            <i>高层公寓</i>
        </p>
        <!-- <div class="w_price"><span><em>12500</em><i>元/㎡</i></span></div> -->
    </div>
    <a class="w_btn" href="javascript:void(0)"><img src="/map/image/lpapply_ico4.png" alt=""></a>
  </div>
  
  <!-- 遮挡层 -->
  <div class="cover"></div>

  <!-- 筛选 -->
  <section class="m_qhcs_box">
    <?php $this->beginContent('@app/views/public/nav.php'); ?>
    <?php $this->endContent(); ?>
    <!-- <div class="m_head_qhcs">
        <span>请选择查看区域</span>
    </div> -->
    <?php if(!empty($privince)){ ?>
    <ul class="m_City_ul">
       <!-- <div class="m_City_ul_title">全部城市</div> -->
       <div class="explain"><span>选择区域</span><em>点击你想了解的区域</em></div>
       <li class="m_City_ul_li c">
       <?php foreach($privince as $k=>$v){ ?>
          <div class="m_City_province" data-id="<?php echo $v['id']; ?>"><?php echo $v['city_name']; ?></div>
       <?php } ?>
       </li>
    </ul>
    <?php } ?>
  </section>

  <!-- 区域选择 -->
  <div class="map_aera">选择区域：<a href="javascript:void(0);">海南</a></div>

      <!-- 地图 -->
  <div id="allmap" ></div>
   <!-- 换一换 -->
  <div class="batch">不喜欢？换一批</div>

</div>