标签：map 找房 地图 点击 跳转 页面

地图找房——业务分析 & 百度地图基本用法 & 页面跳转写法

地图找房业务分析

• 点击地图找房图表跳转到地图找房页面
• 该页面会呈现出房源的聚合效果
• 点击聚合按钮，会打开二级区域
• 点击二级区域，会进入相应的三级区域
• 点击三级区域的方形图标，打开对应的房源列表
• 点击列表的条目，跳转到房源的详情页面

地图示例

百度地图基本用法

  // 跳转到地图找房页面
this.props.history.push('/map')

• 根据地理定位显示地图中心

  地址：https://lbsyun.baidu.com/jsdemo.htm#aCreateMap

initMap = () => {
  // 初始化地图
  let map = new window.BMap.Map("mymap"); 
  let myCity = new window.BMap.LocalCity();
  myCity.get((result) => {
    let { lng, lat } = result.center
    map.centerAndZoom(new window.BMap.Point(lng, lat), 12)
  })
}

引入地图

标签：map,找房,地图,点击,跳转,页面
来源： https://blog.csdn.net/weixin_44867717/article/details/117398822

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。