百度地图API-给自定义覆盖物添加事件方法
给marker、lable、circle等Overlay添加事件很简单，直接addEventListener即可。那么，自定义覆盖物的事件应该如何添加呢？我们一起来看一看~
| 代码如下 | 复制代码 |
| // 定义自定义覆盖物的构造函数 function SquareOverlay(center, length, color){ this._center = center; this._length = length; this._color = color; } // 继承API的BMap.Overlay |
|
| 代码如下 | 复制代码 |
// 实现初始化方法 |
|
| 代码如下 | 复制代码 |
// 实现绘制方法 |
|
| 代码如下 | 复制代码 |
//添加自定义覆盖物 |
|
| 代码如下 | 复制代码 |
SquareOverlay.prototype.show = function(){
|
|
| 代码如下 | 复制代码 |
mySquare.show(); |
|
// 实现隐藏方法
| 代码如下 | 复制代码 |
| SquareOverlay.prototype.hide = function(){ if (this._div){ this._div.style.display = "none"; } } |
|
mySquare.hide();
| 代码如下 | 复制代码 |
SquareOverlay.prototype.yellow = function(){
|
|
mySquare.yellow();
| 代码如下 | 复制代码 |
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div> |
|
| 代码如下 | 复制代码 |
// 实现显示方法 |
|
六、如何给自定义覆盖物添加点击事件（这章重要！很多人问的）
| 代码如下 | 复制代码 |
SquareOverlay.prototype.addEventListener = function(event,fun){
|
|
| 代码如下 | 复制代码 |
mySquare.addEventListener('click',function(){
|
|
| 代码如下 | 复制代码 |
mySquare.addEventListener('mousemover',function(){
|
|
| 代码如下 | 复制代码 |
| 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>自定义覆盖物的点击事件</title> 6 <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script> 7 </head> 8 <body> 9 <div style="width:520px;height:340px;border:1px solid gray" id="container"></div> 10 <p> 11 <input type="button" value="移除覆盖物" onclick="mySquare.hide();" /> 12 <input type="button" value="显示覆盖物" onclick="mySquare.show();" /> 13 <input type="button" value="变成黄色" onclick="mySquare.yellow();" /> 14 </p> 15 </body> 16 </html> 17 <script type="text/javascript"> 18 var map = new BMap.Map("container"); // 创建Map实例 19 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 20 map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。 21 22 //1、定义构造函数并继承Overlay 23 // 定义自定义覆盖物的构造函数 24 function SquareOverlay(center, length, color){ 25 this._center = center; 26 this._length = length; 27 this._color = color; 28 } 29 // 继承API的BMap.Overlay 30 SquareOverlay.prototype = new BMap.Overlay(); 31 32 //2、初始化自定义覆盖物 33 // 实现初始化方法 34 SquareOverlay.prototype.initialize = function(map){ 35 // 保存map对象实例 36 this._map = map; 37 // 创建div元素，作为自定义覆盖物的容器 38 var div = document.createElement("div"); 39 div.style.position = "absolute"; 40 // 可以根据参数设置元素外观 41 div.style.width = this._length + "px"; 42 div.style.height = this._length + "px"; 43 div.style.background = this._color; 44 // 将div添加到覆盖物容器中 45 map.getPanes().markerPane.appendChild(div); 46 // 保存div实例 47 this._div = div; 48 // 需要将div元素作为方法的返回值，当调用该覆盖物的show、 49 // hide方法，或者对覆盖物进行移除时，API都将操作此元素。 50 return div; 51 } 52 53 //3、绘制覆盖物 54 // 实现绘制方法 55 SquareOverlay.prototype.draw = function(){ 56 // 根据地理坐标转换为像素坐标，并设置给容器 57 var position = this._map.pointToOverlayPixel(this._center); 58 this._div.style.left = position.x - this._length / 2 + "px"; 59 this._div.style.top = position.y - this._length / 2 + "px"; 60 } 61 62 //4、显示和隐藏覆盖物 63 // 实现显示方法 64 SquareOverlay.prototype.show = function(){ 65 if (this._div){ 66 this._div.style.display = ""; 67 } 68 } 69 // 实现隐藏方法 70 SquareOverlay.prototype.hide = function(){ 71 if (this._div){ 72 this._div.style.display = "none"; 73 } 74 } 75 76 //5、添加其他覆盖物方法 77 //比如，改变颜色 78 SquareOverlay.prototype.yellow = function(){ 79 if (this._div){ 80 this._div.style.background = "yellow"; 81 } 82 } 83 84 //6、自定义覆盖物添加事件方法 85 SquareOverlay.prototype.addEventListener = function(event,fun){ 86 this._div['on'+event] = fun; 87 } 88 89 //7、添加自定义覆盖物 90 var mySquare = new SquareOverlay(map.getCenter(), 100, "red"); 91 map.addOverlay(mySquare); 92 93 //8、 为自定义覆盖物添加点击事件 94 mySquare.addEventListener('click',function(){ 95 alert('click'); 96 }); 97 </script> |
|
| 代码如下 | 复制代码 |
|
<?php //模拟get post请求函数
//表单输出，没有提交时
header('Content-Type:text/html;charset=gb2312'); //获取cookie文件，不存在创建，并退出程序 //构成发表页，post数据等的重要信息 $title=empty($_POST['title'])?die('标题不得空'):$_POST['title'];//文章标题 $category='个人日记';//分类
$_POST['title']---文章标题，不得空 |
|
1、下载memcache 放到自己的盘符下面 例如：d:memcached
2、开始->cmd->输入命令d:memcachedmemcached.exe -d install 安装
3、安装完成后输入d:memcachedmemcached.exe -d start
4、下载php_memcache.dll，注意自己的php版本的文件 放到你的php下的ext/下面
5、在php.ini 加入一行 extension=php_memcache.dll
6、重启apache 查看你的phpinfo里面是否有memcache，如果有就说明成功安装
7、测试代码
| 代码如下 | 复制代码 |
|
<?php |
|
如果输出了“test memcache successfull”说明安装成功了。
php_memcache.dll下载：php_memcache-cvs-20090703-5.3-VC6-x86.zip
memcache安装文件下载：memcached-1.2.1-win32.zip
一个朋友写的一款目录查找程序，可以根据用户输入的目录名称查到到指定目录或文件，同时还支持锁定目录哦，有需要的朋友可以参考一下。
| 代码如下 | 复制代码 |
|
<?php function __construct($key){ function find($folder){ return $this->result; $findata = substr($fd,$pos,$this->previewLen); if($bSub && is_dir($f)){ $cur_path = dirname(__FILE__); $cf = new Finder($key); $in_folder = array(); echo "搜索[$key]结果：<br />"; $folder = array(); readFolder($cur_path); = |
|
| 代码如下 | 复制代码 |
|
//判断远程文件 return $found; |
|
方法二
| 代码如下 | 复制代码 |
| <?php $url = "/upload/201110/20111008192257383.gif"; $array = get_headers($url,1); if(preg_match('/200/',$array[0])){ echo "<pre/>"; print_r($array); }else{ echo "无效url资源！"; } |
|
相关文章
- 专做了百度和google的网盟推广以作推广效果的评估比较。百度的周期为6天，google为4天。 从百度的统计数据可以看出这六天的点击次数总共为464，平均点击花费了0.30元...2017-07-06
- 这篇文章主要给大家介绍了关于C#创建自定义控件及添加自定义属性和事件使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用C#具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧...2020-06-25
- 本文实例讲述了JS实现自定义简单网页软键盘效果。分享给大家供大家参考，具体如下：这是一款自定义的简单点的网页软键盘，没有使用任何控件，仅是为了练习JavaScript编写水平，安全性方面没有过多考虑，有顾虑的可以不用，目的是学...2015-11-08
- 采用CSS覆盖的方法就可以了，但是官方是不允许这么做的...2013-10-13
- 为了增强android应用的用户体验，我们可以在一些Button按钮上自定义动态的设置一些样式，比如交互时改变字体、颜色、背景图等。 今天来看一个通过重写Button来动态实...2016-09-20
- 下面我们来看一篇关于Android自定义WebView网络视频播放控件开发例子，这个文章写得非常的不错下面给各位共享一下吧。 因为业务需要，以下代码均以Youtube网站在线视...2016-10-02
- 自定义一个jquery模态窗口插件，将它集成到现有平台框架中时，它只能在mainFrame窗口中显示，无法在顶层窗口显示. 解决这个问题的办法： 通过以下代码就可能实现在顶层窗口弹窗 复制代码 代码如下: $(window.top.documen...2014-05-31
- 这篇文章主要介绍了自定义feignClient的常见坑及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教...2021-10-20
- 今天小编就为大家分享一篇pytorch 自定义卷积核进行卷积操作方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-06
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
以下是使用js代码实现百度地图计算两地距离，代码如下所示：<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
YII的models中的rules部分是一些表单的验证规则，对于表单验证十分有用，在相应的视图（views）里面添加了表单，在表单被提交之前程序都会自动先来这里面的规则里验证，只有通过对其有效的限制规则后才能被提交，可以很有效地保证...2015-11-24- 百度联盟封号对于许多的站长来说肯定是会影响到心情的，那么既然是百度联盟封号了我们就肯定有一些原因的，虽然不是你自己搞的或一些其它因素都有可能，我们下面整理一下百...2016-10-10
- 这篇文章主要介绍了jquery自定义插件开发之window的实现过程的相关资料,需要的朋友可以参考下...2016-05-09
- 这篇文章主要介绍了百度地图API之百度地图退拽标记点获取经纬度的实现代码,需要的朋友可以参考下...2017-01-16
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
本文给大家介绍javascript实现高德地图和百度地图提取行政区边界经纬度坐标的相关知识，本文实用性非常高，代码简单易懂，需要的朋友参考下吧...2016-01-24- 这篇文章主要介绍了C#自定义事件监听实现方法,涉及C#事件监听的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 网站被K后，笔者做的第一件事便是在网站上增加更新模块。百度算法更新，对于网站内容给予了相当大的权重，这是笔者网站最欠缺的部分，保证了及时的更新便有了吸引蜘蛛爬取的...2016-10-10
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
以下是使用js代码实现百度地图计算两地距离，代码如下所示：<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30- 用户为满足自己某种需求而来到搜索引擎的，判断用户的需求是做好网站的开始。只有准确地判断出用户需求，了解用户搜索的目的，才能合理地衡量出一个网站结果的质量好，做好搜...2016-10-10
- 这篇文章主要介绍了百度地图给map添加右键菜单（判断是否为marker） 的相关资料,需要的朋友可以参考下...2016-03-07