百度地图V1.5 LocalSearch增加浮动窗体的操作内容
1、初始化LocalSearch控件
LocalSearch = new BMap.LocalSearch(map, {
renderOptions : {
map : map,
panel : "r-result"
},
onResultsHtmlSet : function(container) {
$("#r-result-container").show();
},
onInfoHtmlSet:function(poiInfo){
if(poiInfo){
var infoWindow=map.getInfoWindow();
var content='<div style="font:12px arial,simsun,sans-serif;margin-top:10px;width:170px;">'
+'<table cellspacing="0" style="overflow:hidden;table-layout:fixed;width:100%;font:12px arial,simsun,sans-serif" >'
+'<tr><td style="vertical-align:top;width:38px;white-space:nowrap;word-break:keep-all">地址: </td>'
+'<td style="line-height:16px;width:140px;">'+poiInfo.address+' </td></tr>'
+'<tr><td style="vertical-align:top;">电话:</td>'
+'<td>'+poiInfo.phoneNumber+'</td></tr>'
+'<tr><td colspan="2"><hr></td><td></td></tr>'
+'<tr><td style="vertical-align:top;">操作:</td>'
+'<td><a href="javascript:void(0)"><b>设为目的地址</b></a></td></tr></table></div>';
infoWindow.setContent(content);
infoWindow.redraw();
}
}
});
2、编写LocalSearch执行的方法
function doLocalSearch() {
var keyWord= $("#keyWord").val();
var mapZoom = map.getZoom();
if (mapZoom < 12) {
$.messager.alert("提示", "当前搜索面积太广,请将地图放大到市级别后再搜索", "warning");
return false;
}
if (keyWord== "") {
$.messager.alert("提示", "请输入搜索关键字", "warning");
return false;
}
LocalSearch.searchInBounds(keyWord, map.getBounds());
}
注:查询出来的结果看似无法操作,查看API就会发现InfoWindow窗体可以获取修改它显示的内容,甚至于每个查询的结果都可以进行自定义操作如查询的结果面板和地图上查询添加的Marker等。LocalSearch搜索完成后自动打开一个窗口,获取打开的窗体的方法是:map.getInfoWindow();
百度地图V1.5 LocalSearch增加浮动窗体的操作内容的更多相关文章
- 百度地图LV1.5实践项目开发工具类bmap.util.jsV1.0
/** * 百度地图使用工具类-v1.5 * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email b ...
- Android百度地图相关内容汇总
Android百度地图知识讲解 1.百度地图开发环境搭建 http://www.apkbus.com/android-116050-1-1.html 2.Android百度地图系列教程 h ...
- 百度地图JavaScript开发入门先知
最近项目紧急开发了一些百度地图的功能,觉得百度地图实数强大!于是今天不忙总结一下,看到不错的文章先转载. 文章出处:https://www.opengps.cn/Blog/View.aspx?id=1 ...
- mapboxgl 纠偏百度地图
缘起 之前分享了mapboxgl 互联网地图纠偏插件,插件当时只集成了高德地图. 文章发布后,有小伙伴在后台留言,希望插件也能支持百度地图. 刚好国庆假期有时间就研究了一下. 插件加载瓦片原理 首先, ...
- 关于打包测试环境,百度地图报 Bmap not undefined
https的网站使用百度地图,如果你引用的地址没写对的话,加载不出来百度地图,被认为是不安全的JS内容. https://api.map.baidu.com/api?+你的秘钥+&s=1 应该 ...
- 【Android】百度地图自定义弹出窗口
我们使用百度地图的时候,点击地图上的Marker,会弹出一个该地点详细信息的窗口,如下左图所示,有时候,我们希望自己定义这个弹出窗口的内容,或者,干脆用自己的数据来构造这样的弹出窗口,但是,在百度地图 ...
- https的网站使用百度地图的问题
https的网站使用百度地图,如果你引用的地址没写对的话,加载不出来百度地图,被认为是不安全的JS内容. 引用的地址:http://api.map.baidu.com/api?v=2.0&ak ...
- 百度地图API操作实战
什么是百度地图API: 百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API,web服务API,Android等多种开发工具服务.提供基本地图展现,搜索, ...
- 百度地图JavaScript API V1.5初级开发工具类
/** * 百度地图使用工具类-v1.5 * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boo ...
随机推荐
- Hdu3436-Queue-jumpers(伸展树)
Description Ponyo and Garfield are waiting outside the box-office for their favorite movie. Because ...
- hdu 1885 Key Task(bfs+状态压缩)
Problem Description The Czech Technical University years of its existence . Some of the university b ...
- 归纳下js面向对象的几种常见写法
//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() 1.工厂方式 var Circle = function() { var obj = new Object(); ob ...
- 创建UILabel
UILabelCreate.h #import <UIKit/UIKit.h> @interface UILabelCreate : UILabel /** * 创建UILabel 初始化 ...
- 关于Latch
Latch是什么 Latch是SQL Server引擎保证内存中的结构的一致性的轻量同步机制.比如索引,数据页和内部结构(比如非叶级索引页).SQL Server使用Buffer Latch保护缓冲池 ...
- VS2008下编译boost_1_47_0
1,boost下载 如果不想自己编译,可下载http://boostpro.com/download/boost_1_47_setup.exe,安装后,程序会提供选项供下载已经编译好的库文件,基于 ...
- Swift学习之函数和简单地控件的创建
今天还是重复昨天做的事情--敲代码,但唯一的不同就是所学的知识不同了,我们又进一步往深得层次学习了,感觉越来越有意思了,虽然临近结束了看着大家积极性越来越低了,但是我知道我不能这样,我要比别人付出的 ...
- 本地化下按首字母分组排序的神器——UILocalizedIndexedCollation
最近在整一个很简单的通讯录相关的项目,通讯录当然就少不了按首字母或者汉字拼音首字母分组排序索引.因为按照我一贯的的做法,都是想要做成更通用的.支持本地化的,所以这就纠结了,世界各地的语言啊我去,我顶多 ...
- Java内存区域和GC机制篇
Java内存区域和GC机制一.目录 1.Java垃圾回收概括 2.Java内存区域 3.Java对象的访问方式 4.Java内存访问机制 5.Java GC 机制 6.Java垃圾收集器 二.Java ...
- zabbix-check of pre-requisites
LAMP搭建完成后,访问http://ip/zabbix,在检查环境界面,有的检查项目提示fail.常见如下:zabbix:Check of pre-requisites1.PHP bcmath fa ...