摘要:
最近,API爱好者们纷纷说,自定义marker太复杂了!不仅定义复杂,连所有的dom事件都要自己重新定义。有没有快速简易创建房产标签的方法呢?
答案当然是有的啦~
我们可以利用label嘛!
-------------------------------------------------------------------------------
一、创建地图
这是老生常谈的三句话,初始化地图的js。
二、添加文本标签
文本标注默认的样子是这样滴,如下图:

我觉得label最棒的一点是,它不仅仅是文本标签而已,还能写成<a></a>链接的方式。
这样,你的label可以链接到任意一个网页上。
三、设置文本标签的样式。关键!!!
创建完毕的房产标注见上图,你可以更换图片,让房产标签看起来更好看!!
以下的代码,用来设置lable的CSS。你可以书写任意的CSS,注意,如果是font-size这样的CSS属性,你要写成驼峰式,fontSize这样的,才能被识别。
四、全部源代码
-----------------------------------------------------------------------------------------------
不过,用label制作的房产标注,毕竟不是正规标注marker,而是文字标签label。所以,会有一些小缺陷。
如果你能忍受它们,那就大胆地使用label吧~
1、不能像marker那样,能拖动。enableDragging
2、设置不了a:hover,就是说鼠标放到label上时,背景图片不能变。
3、不能添加信息窗口(谢谢JZ1108的提醒,lable是可以添加信息窗口的~)2011.8.26更新
如果你忍受不了以上两点,请使用自定义marker来制作房产标注。虽然代码看上去有点儿多。但条理很清晰~
<a href="http://www.cnblogs.com/milkmap/archive/2011/04/18/2019906.html">【百度地图API】你看过房产地图吗?你知道房产标注是如何建立的吗?</a>
<a href="http://www.cnblogs.com/milkmap/archive/2011/04/18/2019906.html">http://www.cnblogs.com/milkmap/archive/2011/04/18/2019906.html</a>