findHouseByMap 地图找房

本项目仅供学习参考

运用百度地图api仿照房天下地图找房

项目地址:https://github.com/Jefsky/findHouseByMap

演示地址:https://www.jefsky.com/demo/findHouseByMap/

完成进度

* 缩放检索
* 拖拽检索
* 行政区域划分

项目图示

![Image text](https://github.com/Jefsky/findHouseByMap/blob/master/img/20200305145548.png)
![Image text](https://github.com/Jefsky/findHouseByMap/blob/master/img/20200305145548.png)
![Image text](https://github.com/Jefsky/findHouseByMap/blob/master/img/20200305145548.png)

百度地圖api

http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference_3_0.html#a0b0

项目需求分析

房天下

PC

https://dg.esf.fang.com/map/https://www.fang.com/hezuo_file/house/hezuo2014/search.htmhttps://static.soufunimg.com/map/ditu/js/map.js?v=2019122701

alias: {
            jquery: 'jquery/jquery-1.11.1.min',
            BMapLib: 'bmap/BMapLib-min'
        },

百度地图

关键js

https://static.soufunimg.com/map/ditu/js/??bmap/BMap.js?_2019122701,autodiv/autodiv.js?_2019122701,modules/esf/SFMap.js?_2019122701,modules/esf/dhjs.js?_2019122701,modules/esf/suggest.js?_2019122701https://static.soufunimg.com/map/ditu/js/??modules/SFUtil.js?_2019122701,modules/esf/MapApi.js?_2019122701,lazyload/lazyload.js?_2019122701,scrollbar/scrollbar.js?_2019122701

接口

• 城市地区经纬

• 城市地铁

• 城市地区楼盘套数接口

• 地区楼盘套数接口

• 地区楼盘接口

https://dg.esf.fang.com/map/?mapmode=y&district=100&subwayline=&subwaystation=&price=&room=&area=&towards=&floor=&hage=&equipment=&keyword=&comarea=17408&orderby=30&isyouhui=&x1=113.67489&y1=23.008064&x2=113.74388&y2=23.02433&newCode=&houseNum=&schoolDist=&schoolid=&ecshop=&groupedmode=4&PageNo=1&zoom=16&a=ajaxSearch&city=dg&searchtype=loupanhttps://dg.esf.fang.com/map/?mapmode=y&district=&subwayline=&subwaystation=&price=&room=&area=&towards=&floor=&hage=&equipment=&keyword=&comarea=&orderby=30&isyouhui=&x1=113.584556&y1=23.049196&x2=113.722536&y2=23.083244&newCode=&houseNum=&schoolDist=&schoolid=&ecshop=&groupedmode=4&PageNo=1&zoom=15&a=ajaxSearch&city=dg&searchtype=

• 拖拽

• 接口样本

小程序

腾讯地图

APP

百度地图

---

/wp:separator

wp:heading {“level”:1}

链家

/wp:heading

wp:heading

PC

/wp:heading

wp:embed {“url”:“https://dg.lianjia.com/ditu”}

/wp:embed

wp:code

<script>
ljConf = {
        city_id: '441900',
        city_abbr: 'dg',
        city_name: '东莞',
        channel: 'ditu',
        feroot: '//s1.ljcdn.com/feroot/',
        page: 'ditu_index',
        pageConfig: {"ajaxroot":"https:\/\/ajax.api.lianjia.com\/","imAppid":"LIANJIA_WEB_20160624","imAppkey":"6dfdcee27d78b1107fceeca55d80b7bd"}
    };
    </script>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=dASz7ubuSpHidP1oQWKuAK3q"></script>

/wp:code

wp:paragraph

https://www.idataapi.cn/product/detail/134https://gitee.com/liu_peng_yu/Fast-LianJia-Crawler百度地图

/wp:paragraph

wp:heading

小程序

/wp:heading

wp:paragraph

百度地图

/wp:paragraph

wp:heading

APP

/wp:heading

wp:paragraph

百度地图

/wp:paragraph

wp:separator

---