pfhwyigou/frontend/views/map/home.php

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=lIXbW84tKu6oNCj0bbgTnau7"></script>
<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/20
 * Time: 上午12:51
 */
use frontend\assets\AppAsset;
AppAsset::addCss($this,Yii::$app->request->baseUrl."/overseas/css/public.css");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/overseas/map/css/map.css");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/jquery-3.2.1.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/map/js/map.js");
$this->title  = '地图搵楼_海南房产网-品房海外';
?>
<style>
    laber {max-width:auto;}
    /*分页样式 */
    #pagecount {padding:15px 25px 15px 0;text-align:right; font-size:14px;}
    #pagecount .amount {display:inline-block;float:left;}
    #pagecount span a{display:inline-block;padding:0 5px;border:1px solid #ccc;margin:0 2px;}
    .yv2_bread{
        display: none;
    }
</style>
<div class="y_maphead">
    <div class="y_maptop_main">
        <div class="y_maptop c">
            <div class="y_maptop_left c">
                <input type="text" class="y_maptop_scr" placeholder="请输入楼盘名称">
                <input type="submit" class="y_maptop_sub" value=" ">
            </div>
            <div class="y_maptop_right c">
                <div class="y_maptop_sel" id="y_maptop_sel1">
                    <p class="y_city"><span class="dataText" data-id="city">区域</span><i><img src="/overseas/map/image/ico_map3.png" alt=""></i></p>
                    <div class="y_qysf c">
                        <i></i>
                        <p class="y_left">

                            <?php  if(!empty($city)){
                                foreach ($city as $val){?>
                                    <a city="<?= $val['id'] ?>" href="javascript:;" post="<?= $val['ll'] ?>"><?= $val['city_name'] ?></a>
                                <?php }
                            }  ?>

                        </p>
                        <p class="y_right y_leixing"></p>
                    </div>
                </div>
                <div class="y_maptop_sel" id="y_maptop_sel2">
                    <p class="y_city"><span class="dataText" data-id="price">预算</span><i><img src="/overseas/map/image/ico_map3.png" alt=""></i></p>
                    <div class="y_qysf c">
                        <i></i>
                        <p class="y_leixing">
                            <?php  if(!empty($price)){
                                foreach($price as $val){ ?>
                                    <a data-type="price" data-id="<?= $val['id'] ?>" href="javascript:;"><?= $val['price'] ?></a>

                                <?php }
                            }  ?>
                        </p>
                    </div>
                </div>
                <div class="y_maptop_sel" id="y_maptop_sel3" >
                    <p class="y_city"><span class="dataText" data-id="houseType">户型</span><i><img src="/overseas/map/image/ico_map3.png" alt=""></i></p>
                    <div class="y_qysf c">
                        <i></i>
                        <p class="y_leixing">

                            <?php  if(!empty($type)){
                                foreach($type as $val){ ?>
                                    <a data-type="houseType" data-id="<?= $val['id'] ?>" href="javascript:;"><?= $val['huxing_name'] ?></a>

                                <?php }
                            }  ?>

                        </p>
                    </div>
                </div>
                <div class="y_maptop_sel" id="y_maptop_sel4">
                    <p class="y_city"><span class="dataText" data-id="trait">特色</span><i><img src="/overseas/map/image/ico_map3.png" alt=""></i></p>
                    <div class="y_qysf c">
                        <i></i>
                        <p class="y_leixing">
                            <?php  if(!empty($sub)){
                                foreach ($sub as $val){ ?>
                                    <a data-id="<?= $val['id'] ?>" data-type="trait" href="javascript:;"><?= $val['name'] ?></a>
                                <?php }
                            } ?>


                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="y_mapcond">
        <div class="y_mapcond_main c">
            <div class="y_mapcond_left"><a href="javascript:;"><i><img src="/overseas/map/image/ico_map8.png" alt=""></i><span>清空条件</span></a></div>
            <div class="y_mapcond_right">
                <!-- <span class="quyu"><em></em><a href="javascript:;"><img src="/map/image/ico_map4.png" alt=""></a></span>
                <span class="yusuan"><em></em><a href="javascript:;"><img src="/map/image/ico_map4.png" alt=""></a></span>
                <span class="huxing"><em></em><a href="javascript:;"><img src="/map/image/ico_map4.png" alt=""></a></span>
                <span class="tese"><em></em><a href="javascript:;"><img src="/map/image/ico_map4.png" alt=""></a></span> -->
            </div>
        </div>
    </div>
</div>
<div class="y_mapcenter c">
    <div class="y_mapcenter_left">
        <div class="y_mapcenter_leftmain">
            <div class="y_mapcenter_he c">
                <span class="housenum">共为您找到<em>0</em>套房源</span>
                <!-- <p>
                    <a href="">默认</a>
                    <a href="">按价格</a>
                </p> -->
            </div>
            <div class="y_mapcenter_list">
                <ul>

                </ul>
            </div>
            <!-- 存放分页码 -->
            <div id="pagecount"></div>
        </div>
    </div>
    <div class="y_mapcenter_main">
        <div id="allmap" ></div>
    </div>
</div>