aaronyang的百度地图API之LBS云[把数据丰富显示1/3]
2023-09-14 08:57:48 时间
中国的IT 需要无私分享和贡献的人,一起努力
本篇博客来自地址:http://www.cnblogs.com/AaronYang/p/3673933.html,请支持原创,未经允许不许转载
一、第一步
默认我们显示我们leverTerminal表中所有信息,使用云麻点图模式显示
1.1我们添加一个新的页面MaDian
<h1>第三课 POI数据检索-麻点地图</h1> @section BaiduApi{ <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script> } <br /> <div> 搜索条件 </div> <br/> <div id="container" style="width:100%;height:500px;"></div> <script type="text/javascript"> var map = new BMap.Map("container"); // 创建地图实例 map.centerAndZoom(new BMap.Point(117.234963, 31.858815), 15);// 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom(); map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件 var customLayer; function addCustomLayer(keyword) { if (customLayer) { map.removeTileLayer(customLayer); } customLayer = new BMap.CustomLayer({ geotableId: 59897, q: keyword, //检索关键字 tags: '', //空格分隔的多字符串 filter: '' //过滤条件,参考http://developer.baidu.com/map/lbs-geosearch.htm#.search.nearby }); map.addTileLayer(customLayer); customLayer.addEventListener('hotspotclick', callback); } addCustomLayer(''); function callback(e)//单击热点图层 { var customPoi = e.customPoi;//poi的默认字段 var contentPoi = e.content;//poi的自定义字段 } </script>
代码的js部分,这里有个geotableId的设置,我的LBS上leverterminal的表的ID是59897
OK,默认我们显示所有的这张表上的手机用户信息,F5运行,效果如下
文章已经迁移到: http://www.ayjs.net/post/102.html
中国的IT 需要无私分享和贡献的人,一起努力 AaronYang 2014年
相关文章
- 数据透视表上线!如何在纯前端实现这个强大的数据分析功能?
- 百度CTO王海峰:飞桨助力普惠AI,赋能千行百业,惠及千家万户
- Python调用百度API实现图像识别
- 拿下北京市首个人工智能产业创新应用平台:百度飞桨的密钥与前路
- WAIC 2021 | 百度量子计算段润尧:从理论到实践谈量子人工智能
- 百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域
- 百度知道Linux命令cp使用技巧汇总(linuxcp)
- 北京雨夜试乘百度Robotaxi是什么体验?
- 新闻速读 > 百度输入法 Linux 版本发布
- 工业互联网浪潮下,百度布局”中国智造”的杀手锏
- 「唯物」关于家庭安防,前百度员工想要打造“小生态”产品
- 【百度伴随SQL Server联调数据技术创新】(百度sqlserver)
- API接入MySQL,为数据开辟新通道(api链接MySQL)
- 极客时间使用百度云,助你掌握Redis技术(极客时间百度云Redis)
- 如何下载MySQL百度搜索引导您找到正确的下载链接(mysql下载 百度)
- 如何使用MySQL下载API数据(mysql下载api数据)
- 百度公布无人车出行服务平台萝卜快跑 三年将进入中国30城
- 性能最高比英伟达T4强三倍 百度昆仑AI芯片进一步展示“杀手锏”应用