+ * girdSize {Number} 聚合计算时网格的像素大小，默认60
+ * maxZoom {Number} 最大的聚合级别，大于该级别就不进行相应的聚合
+ * minClusterSize {Number} 最小的聚合数量，小于该数量的不能成为一个聚合，默认为2
+ * isAverangeCenter {Boolean} 聚合点的落脚位置是否是所有聚合在内点的平均值，默认为否，落脚在聚合内的第一个点
+ * styles {Array
+ */ + BMapLib.MarkerClusterer = function(map, options){ + if (!map){ + return; + } + this._map = map; + this._markers = []; + this._clusters = []; + + var opts = options || {}; + this._gridSize = opts["gridSize"] || 60; + this._maxZoom = opts["maxZoom"] || 18; + this._minClusterSize = opts["minClusterSize"] || 2; + this._isAverageCenter = false; + if (opts['isAverageCenter'] != undefined) { + this._isAverageCenter = opts['isAverageCenter']; + } + this._styles = opts["styles"] || []; + + var that = this; + this._map.addEventListener("zoomend",function(){ + that._redraw(); + }); + + // this._map.addEventListener("moveend",function(){ + // that._redraw(); + // }); + + var mkrs = opts["markers"]; + isArray(mkrs) && this.addMarkers(mkrs); + }; + + /** + * 添加要聚合的标记数组。 + * @param {Array
+ * baidu.dom._styleFixer和baidu.dom._styleFilter可以为本模块提供支持。
+ * 其中_styleFilter能对颜色和px进行归一化处理，_styleFixer能对display，float，opacity，textOverflow的浏览器兼容性bug进行处理。 + * @shortcut getStyle + * @meta standard + * @see baidu.dom.setStyle,baidu.dom.setStyles, baidu.dom.getComputedStyle + * + * @returns {string} 目标元素的样式值 + */ + baidu.dom.getStyle = function (element, key) { + var dom = baidu.dom; + + element = dom.g(element); + key = baidu.string.toCamelCase(key); + //computed style, then cascaded style, then explicitly set style. + var value = element.style[key] || + (element.currentStyle ? element.currentStyle[key] : "") || + dom.getComputedStyle(element, key); + + // 在取不到值的时候，用fixer进行修正 + if (!value) { + var fixer = dom._styleFixer[key]; + if(fixer){ + value = fixer.get ? fixer.get(element) : baidu.dom.getStyle(element, fixer); + } + } + + /* 检查结果过滤器 */ + if (fixer = dom._styleFilter) { + value = fixer.filter(key, value, 'get'); + } + + return value; + }; + + // 声明快捷方法 + baidu.getStyle = baidu.dom.getStyle; + + + if (/opera\/(\d+\.\d)/i.test(navigator.userAgent)) { + /** + * 判断是否为opera浏览器 + * @property opera opera版本号 + * @grammar baidu.browser.opera + * @meta standard + * @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.chrome + */ + baidu.browser.opera = + RegExp['\x241']; + } + + /** + * 判断是否为webkit内核 + * @property isWebkit + * @grammar baidu.browser.isWebkit + * @meta standard + * @see baidu.browser.isGecko + */ + baidu.browser.isWebkit = /webkit/i.test(navigator.userAgent); + + /** + * 判断是否为gecko内核 + * @property isGecko + * @grammar baidu.browser.isGecko + * @meta standard + * @see baidu.browser.isWebkit + */ + baidu.browser.isGecko = /gecko/i.test(navigator.userAgent) && !/like gecko/i.test(navigator.userAgent); + + /** + * 判断是否严格标准的渲染模式 + * @property isStrict + * @grammar baidu.browser.isStrict + * @meta standard + */ + baidu.browser.isStrict = document.compatMode == "CSS1Compat"; + + /** + * 获取目标元素相对于整个文档左上角的位置 + * @name baidu.dom.getPosition + * @function + * @grammar baidu.dom.getPosition(element) + * @param {HTMLElement|string} element 目标元素或目标元素的id + * @meta standard + * + * @returns {Object} 目标元素的位置，键值为top和left的Object。 + */ + baidu.dom.getPosition = function (element) { + element = baidu.dom.g(element); + var doc = baidu.dom.getDocument(element), + browser = baidu.browser, + getStyle = baidu.dom.getStyle, + // Gecko 1.9版本以下用getBoxObjectFor计算位置 + // 但是某些情况下是有bug的 + // 对于这些有bug的情况 + // 使用递归查找的方式 + BUGGY_GECKO_BOX_OBJECT = browser.isGecko > 0 && + doc.getBoxObjectFor && + getStyle(element, 'position') == 'absolute' && + (element.style.top === '' || element.style.left === ''), + pos = {"left":0,"top":0}, + viewport = (browser.ie && !browser.isStrict) ? doc.body : doc.documentElement, + parent, + box; + + if(element == viewport){ + return pos; + } + + if(element.getBoundingClientRect){ // IE and Gecko 1.9+ + + //当HTML或者BODY有border width时, 原生的getBoundingClientRect返回值是不符合预期的 + //考虑到通常情况下 HTML和BODY的border只会设成0px,所以忽略该问题. + box = element.getBoundingClientRect(); + + pos.left = Math.floor(box.left) + Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft); + pos.top = Math.floor(box.top) + Math.max(doc.documentElement.scrollTop, doc.body.scrollTop); + + // IE会给HTML元素添加一个border，默认是medium（2px） + // 但是在IE 6 7 的怪异模式下，可以被html { border: 0; } 这条css规则覆盖 + // 在IE7的标准模式下，border永远是2px，这个值通过clientLeft 和 clientTop取得 + // 但是。。。在IE 6 7的怪异模式，如果用户使用css覆盖了默认的medium + // clientTop和clientLeft不会更新 + pos.left -= doc.documentElement.clientLeft; + pos.top -= doc.documentElement.clientTop; + + var htmlDom = doc.body, + // 在这里，不使用element.style.borderLeftWidth，只有computedStyle是可信的 + htmlBorderLeftWidth = parseInt(getStyle(htmlDom, 'borderLeftWidth')), + htmlBorderTopWidth = parseInt(getStyle(htmlDom, 'borderTopWidth')); + if(browser.ie && !browser.isStrict){ + pos.left -= isNaN(htmlBorderLeftWidth) ? 2 : htmlBorderLeftWidth; + pos.top -= isNaN(htmlBorderTopWidth) ? 2 : htmlBorderTopWidth; + } + } else { + // safari/opera/firefox + parent = element; + + do { + pos.left += parent.offsetLeft; + pos.top += parent.offsetTop; + + // safari里面，如果遍历到了一个fixed的元素，后面的offset都不准了 + if (browser.isWebkit > 0 && getStyle(parent, 'position') == 'fixed') { + pos.left += doc.body.scrollLeft; + pos.top += doc.body.scrollTop; + break; + } + + parent = parent.offsetParent; + } while (parent && parent != element); + + // 对body offsetTop的修正 + if(browser.opera > 0 || (browser.isWebkit > 0 && getStyle(element, 'position') == 'absolute')){ + pos.top -= doc.body.offsetTop; + } + + // 计算除了body的scroll + parent = element.offsetParent; + while (parent && parent != doc.body) { + pos.left -= parent.scrollLeft; + // see https://bugs.opera.com/show_bug.cgi?id=249965 + if (!browser.opera || parent.tagName != 'TR') { + pos.top -= parent.scrollTop; + } + parent = parent.offsetParent; + } + } + + return pos; + }; + + /** + * @ignore + * @namespace baidu.event 屏蔽浏览器差异性的事件封装。 + * @property target 事件的触发元素 + * @property pageX 鼠标事件的鼠标x坐标 + * @property pageY 鼠标事件的鼠标y坐标 + * @property keyCode 键盘事件的键值 + */ + baidu.event = baidu.event || {}; + + /** + * 事件监听器的存储表 + * @private + * @meta standard + */ + baidu.event._listeners = baidu.event._listeners || []; + + /** + * 为目标元素添加事件监听器 + * @name baidu.event.on + * @function + * @grammar baidu.event.on(element, type, listener) + * @param {HTMLElement|string|window} element 目标元素或目标元素id + * @param {string} type 事件类型 + * @param {Function} listener 需要添加的监听器 + * @remark + * + 1. 不支持跨浏览器的鼠标滚轮事件监听器添加
+ 2. 改方法不为监听器灌入事件对象，以防止跨iframe事件挂载的事件对象获取失败 + + * @shortcut on + * @meta standard + * @see baidu.event.un + * + * @returns {HTMLElement|window} 目标元素 + */ + baidu.event.on = function (element, type, listener) { + type = type.replace(/^on/i, ''); + element = baidu.dom._g(element); + + var realListener = function (ev) { + // 1. 这里不支持EventArgument, 原因是跨frame的事件挂载 + // 2. element是为了修正this + listener.call(element, ev); + }, + lis = baidu.event._listeners, + filter = baidu.event._eventFilter, + afterFilter, + realType = type; + type = type.toLowerCase(); + // filter过滤 + if(filter && filter[type]){ + afterFilter = filter[type](element, type, realListener); + realType = afterFilter.type; + realListener = afterFilter.listener; + } + + // 事件监听器挂载 + if (element.addEventListener) { + element.addEventListener(realType, realListener, false); + } else if (element.attachEvent) { + element.attachEvent('on' + realType, realListener); + } + + // 将监听器存储到数组中 + lis[lis.length] = [element, type, listener, realListener, realType]; + return element; + }; + + // 声明快捷方法 + baidu.on = baidu.event.on; + + /** + * 返回一个当前页面的唯一标识字符串。 + * @name baidu.lang.guid + * @function + * @grammar baidu.lang.guid() + * @version 1.1.1 + * @meta standard + * + * @returns {String} 当前页面的唯一标识字符串 + */ + + (function(){ + //不直接使用window，可以提高3倍左右性能 + var guid = window[baidu.guid]; + + baidu.lang.guid = function() { + return "TANGRAM__" + (guid._counter ++).toString(36); + }; + + guid._counter = guid._counter || 1; + })(); + + /** + * 所有类的实例的容器 + * key为每个实例的guid + * @meta standard + */ + + window[baidu.guid]._instances = window[baidu.guid]._instances || {}; + + /** + * 判断目标参数是否为function或Function实例 + * @name baidu.lang.isFunction + * @function + * @grammar baidu.lang.isFunction(source) + * @param {Any} source 目标参数 + * @version 1.2 + * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate + * @meta standard + * @returns {boolean} 类型判断结果 + */ + baidu.lang.isFunction = function (source) { + // chrome下,'function' == typeof /a/ 为true. + return '[object Function]' == Object.prototype.toString.call(source); + }; + + /** + * + * @ignore + * @class Tangram继承机制提供的一个基类，用户可以通过继承baidu.lang.Class来获取它的属性及方法。 + * @name baidu.lang.Class + * @grammar baidu.lang.Class(guid) + * @param {string} guid 对象的唯一标识 + * @meta standard + * @remark baidu.lang.Class和它的子类的实例均包含一个全局唯一的标识guid。guid是在构造函数中生成的，因此，继承自baidu.lang.Class的类应该直接或者间接调用它的构造函数。
baidu.lang.Class的构造函数中产生guid的方式可以保证guid的唯一性，及每个实例都有一个全局唯一的guid。 + * @meta standard + * @see baidu.lang.inherits,baidu.lang.Event + */ + baidu.lang.Class = function(guid) { + this.guid = guid || baidu.lang.guid(); + window[baidu.guid]._instances[this.guid] = this; + }; + window[baidu.guid]._instances = window[baidu.guid]._instances || {}; + + /** + * 释放对象所持有的资源，主要是自定义事件。 + * @name dispose + * @grammar obj.dispose() + */ + baidu.lang.Class.prototype.dispose = function(){ + delete window[baidu.guid]._instances[this.guid]; + + for(var property in this){ + if (!baidu.lang.isFunction(this[property])) { + delete this[property]; + } + } + this.disposed = true; + }; + + /** + * 重载了默认的toString方法，使得返回信息更加准确一些。 + * @return {string} 对象的String表示形式 + */ + baidu.lang.Class.prototype.toString = function(){ + return "[object " + (this._className || "Object" ) + "]"; + }; + + /** + * @ignore + * @class 自定义的事件对象。 + * @name baidu.lang.Event + * @grammar baidu.lang.Event(type[, target]) + * @param {string} type 事件类型名称。为了方便区分事件和一个普通的方法，事件类型名称必须以"on"(小写)开头。 + * @param {Object} [target]触发事件的对象 + * @meta standard + * @remark 引入该模块，会自动为Class引入3个事件扩展方法：addEventListener、removeEventListener和dispatchEvent。 + * @meta standard + * @see baidu.lang.Class + */ + baidu.lang.Event = function (type, target) { + this.type = type; + this.returnValue = true; + this.target = target || null; + this.currentTarget = null; + }; + + /** + * 注册对象的事件监听器。引入baidu.lang.Event后，Class的子类实例才会获得该方法。 + * @grammar obj.addEventListener(type, handler[, key]) + * @param {string} type 自定义事件的名称 + * @param {Function} handler 自定义事件被触发时应该调用的回调函数 + * @param {string} [key] 为事件监听函数指定的名称，可在移除时使用。如果不提供，方法会默认为它生成一个全局唯一的key。 + * @remark 事件类型区分大小写。如果自定义事件名称不是以小写"on"开头，该方法会给它加上"on"再进行判断，即"click"和"onclick"会被认为是同一种事件。 + */ + baidu.lang.Class.prototype.addEventListener = function (type, handler, key) { + if (!baidu.lang.isFunction(handler)) { + return; + } + + !this.__listeners && (this.__listeners = {}); + + var t = this.__listeners, id; + if (typeof key == "string" && key) { + if (/[^\w\-]/.test(key)) { + throw("nonstandard key:" + key); + } else { + handler.hashCode = key; + id = key; + } + } + type.indexOf("on") != 0 && (type = "on" + type); + + typeof t[type] != "object" && (t[type] = {}); + id = id || baidu.lang.guid(); + handler.hashCode = id; + t[type][id] = handler; + }; + + /** + * 移除对象的事件监听器。引入baidu.lang.Event后，Class的子类实例才会获得该方法。 + * @grammar obj.removeEventListener(type, handler) + * @param {string} type 事件类型 + * @param {Function|string} handler 要移除的事件监听函数或者监听函数的key + * @remark 如果第二个参数handler没有被绑定到对应的自定义事件中，什么也不做。 + */ + baidu.lang.Class.prototype.removeEventListener = function (type, handler) { + if (typeof handler != "undefined") { + if ( (baidu.lang.isFunction(handler) && ! (handler = handler.hashCode)) + || (! baidu.lang.isString(handler)) + ){ + return; + } + } + + !this.__listeners && (this.__listeners = {}); + + type.indexOf("on") != 0 && (type = "on" + type); + + var t = this.__listeners; + if (!t[type]) { + return; + } + if (typeof handler != "undefined") { + t[type][handler] && delete t[type][handler]; + } else { + for(var guid in t[type]){ + delete t[type][guid]; + } + } + }; + + /** + * 派发自定义事件，使得绑定到自定义事件上面的函数都会被执行。引入baidu.lang.Event后，Class的子类实例才会获得该方法。 + * @grammar obj.dispatchEvent(event, options) + * @param {baidu.lang.Event|String} event Event对象，或事件名称(1.1.1起支持) + * @param {Object} options 扩展参数,所含属性键值会扩展到Event对象上(1.2起支持) + * @remark 处理会调用通过addEventListenr绑定的自定义事件回调函数之外，还会调用直接绑定到对象上面的自定义事件。例如：
+ myobj.onMyEvent = function(){}
+ myobj.addEventListener("onMyEvent", function(){}); + */ + baidu.lang.Class.prototype.dispatchEvent = function (event, options) { + if (baidu.lang.isString(event)) { + event = new baidu.lang.Event(event); + } + !this.__listeners && (this.__listeners = {}); + + // 20100603 添加本方法的第二个参数，将 options extend到event中去传递 + options = options || {}; + for (var i in options) { + event[i] = options[i]; + } + + var i, t = this.__listeners, p = event.type; + event.target = event.target || this; + event.currentTarget = this; + + p.indexOf("on") != 0 && (p = "on" + p); + + baidu.lang.isFunction(this[p]) && this[p].apply(this, arguments); + + if (typeof t[p] == "object") { + for (i in t[p]) { + t[p][i].apply(this, arguments); + } + } + return event.returnValue; + }; + + + baidu.lang.inherits = function (subClass, superClass, className) { + var key, proto, + selfProps = subClass.prototype, + clazz = new Function(); + + clazz.prototype = superClass.prototype; + proto = subClass.prototype = new clazz(); + for (key in selfProps) { + proto[key] = selfProps[key]; + } + subClass.prototype.constructor = subClass; + subClass.superClass = superClass.prototype; + + // 类名标识，兼容Class的toString，基本没用 + if ("string" == typeof className) { + proto._className = className; + } + }; + // 声明快捷方法 + baidu.inherits = baidu.lang.inherits; + })(); + + + /** + + * 图片的路径 + + * @private + * @type {String} + + */ + var _IMAGE_PATH = 'http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m'; + + /** + + * 图片的后缀名 + + * @private + * @type {String} + + */ + var _IMAGE_EXTENSION = 'png'; + + /** + *@exports TextIconOverlay as BMapLib.TextIconOverlay + */ + var TextIconOverlay = + /** + * TextIconOverlay + * @class 此类表示地图上的一个覆盖物，该覆盖物由文字和图标组成，从Overlay继承。文字通常是数字（0-9）或字母（A-Z ），而文字与图标之间有一定的映射关系。 + *该覆盖物适用于以下类似的场景：需要在地图上添加一系列覆盖物，这些覆盖物之间用不同的图标和文字来区分，文字可能表示了该覆盖物的某一属性值，根据该文字和一定的映射关系，自动匹配相应颜色和大小的图标。 + * + *@constructor + *@param {Point} position 表示一个经纬度坐标位置。 + *@param {String} text 表示该覆盖物显示的文字信息。 + *@param {Json Object} options 可选参数，可选项包括：
+ *"styles":{Array
+ * url {String} 图片的url地址。(必选)
+ * size {Size} 图片的大小。（必选）
+ * anchor {Size} 图标定位在地图上的位置相对于图标左上角的偏移值，默认偏移值为图标的中心位置。（可选）
+ * offset {Size} 图片相对于可视区域的偏移值，此功能的作用等同于CSS中的background-position属性。（可选）
+ * textSize {Number} 文字的大小。（可选，默认10）
+ * textColor {String} 文字的颜色。（可选，默认black）
+ */ + BMapLib.TextIconOverlay = function(position, text, options){ + this._position = position; + this._text = text; + this._options = options || {}; + this._styles = this._options['styles'] || []; + (!this._styles.length) && this._setupDefaultStyles(); + }; + + T.lang.inherits(TextIconOverlay, BMap.Overlay, "TextIconOverlay"); + + TextIconOverlay.prototype._setupDefaultStyles = function(){ + var sizes = [53, 56, 66, 78, 90]; + for(var i = 0, size; size = sizes[i]; i++){ + this._styles.push({ + url:_IMAGE_PATH + i + '.' + _IMAGE_EXTENSION, + size: new BMap.Size(size, size) + }); + }//for循环的简洁写法 + }; + + /** + *继承Overlay的intialize方法，自定义覆盖物时必须。 + *@param {Map} map BMap.Map的实例化对象。 + *@return {HTMLElement} 返回覆盖物对应的HTML元素。 + */ + TextIconOverlay.prototype.initialize = function(map){ + this._map = map; + + this._domElement = document.createElement('div'); + // this._updateCss(); + // this._updateText(); + this._updatePosition(); + + this._bind(); + + this._map.getPanes().markerMouseTarget.appendChild(this._domElement); + return this._domElement; + }; + + /** + *继承Overlay的draw方法，自定义覆盖物时必须。 + *@return 无返回值。 + */ + TextIconOverlay.prototype.draw = function(){ + this._map && this._updatePosition(); + }; + + /** + *获取该覆盖物上的文字。 + *@return {String} 该覆盖物上的文字。 + */ + TextIconOverlay.prototype.getText = function(){ + return this._text; + }; + + /** + *设置该覆盖物上的文字。 + *@param {String} text 要设置的文字，通常是字母A-Z或数字0-9。 + *@return 无返回值。 + */ + TextIconOverlay.prototype.setText = function(text, imageUrl){ + if(text && (!this._text || (this._text.toString() != text.toString()))){ + this._text = text; + // this._updateText(); + this._updateCss(imageUrl); + this._updatePosition(); + } + }; + + /** + *获取该覆盖物的位置。 + *@return {Point} 该覆盖物的经纬度坐标。 + */ + TextIconOverlay.prototype.getPosition = function () { + return this._position; + }; + + /** + *设置该覆盖物的位置。 + *@param {Point} position 要设置的经纬度坐标。 + *@return 无返回值。 + */ + TextIconOverlay.prototype.setPosition = function (position) { + if(position && (!this._position || !this._position.equals(position))){ + this._position = position; + this._updatePosition(); + } + }; + + /** + *由文字信息获取风格数组的对应索引值。 + *内部默认的对应函数为文字转换为数字除以10的结果，比如文字8返回索引0，文字25返回索引2. + *如果需要自定义映射关系，请覆盖该函数。 + *@param {String} text 文字。 + *@param {Array
+ ${this._text > 1 ? customImageNumber : ''}
+ ${imageUrl ? imageElement : ''}
+
+
+ `
+ const labelDocument = new DOMParser().parseFromString(htmlString, 'text/html');
+ const label = labelDocument.body.firstElementChild;
+ this._domElement.append(label);
+ };
+
+ TextIconOverlay.prototype.buildImageCssText = function(style) {
+ //根据style来确定一些默认值
+ var size = style['size'];
+ var anchor = style['anchor'];
+ var textColor = style['textColor'] || 'black';
+ var textSize = style['textSize'] || 10;
+
+ var csstext = [];
+
+ csstext.push('height:' + size.height + 'px; line-height:' + size.height + 'px;');
+ csstext.push('width:' + size.width + 'px; text-align:center;');
+
+ csstext.push('cursor:pointer; color:' + textColor + '; position:absolute; font-size:' +
+ textSize + 'px; font-family:Arial,sans-serif; font-weight:bold');
+ return csstext.join('');
+ };
+
+ /**
+ *更新覆盖物的显示文字。
+ *@return 无返回值。
+ */
+ TextIconOverlay.prototype._updateText = function(){
+ if (this._domElement) {
+ this._domElement.innerHTML = this._text;
+ }
+ };
+
+ /**
+ *调整覆盖物在地图上的位置更新覆盖物的显示文字。
+ *@return 无返回值。
+ */
+ TextIconOverlay.prototype._updatePosition = function(){
+ if (this._domElement && this._position) {
+ var style = this._domElement.style;
+ var pixelPosition= this._map.pointToOverlayPixel(this._position);
+ pixelPosition.x -= Math.ceil(parseInt(style.width) / 2);
+ pixelPosition.y -= Math.ceil(parseInt(style.height) + 8);
+ style.left = pixelPosition.x + "px";
+ style.top = pixelPosition.y + "px";
+ }
+ };
+
+ /**
+ * 为该覆盖物的HTML元素构建CSS
+ * @param {IconStyle} 一个图标的风格。
+ * @return {String} 构建完成的CSSTEXT。
+ */
+ TextIconOverlay.prototype._buildCssText = function(style) {
+ //根据style来确定一些默认值
+ var url = style['url'];
+ var size = style['size'];
+ var anchor = style['anchor'];
+ var offset = style['offset'];
+ var textColor = style['textColor'] || 'black';
+ var textSize = style['textSize'] || 10;
+
+ var csstext = [];
+ if (T.browser["ie"] < 7) {
+ csstext.push('filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(' +
+ 'sizingMethod=scale,src="' + url + '");');
+ } else {
+ csstext.push('background-image:url(' + url + ');');
+ var backgroundPosition = '0 0';
+ (offset instanceof BMap.Size) && (backgroundPosition = offset.width + 'px' + ' ' + offset.height + 'px');
+ csstext.push('background-position:' + backgroundPosition + ';');
+ }
+
+ if (size instanceof BMap.Size){
+ if (anchor instanceof BMap.Size) {
+ if (anchor.height > 0 && anchor.height < size.height) {
+ csstext.push('height:' + (size.height - anchor.height) + 'px; padding-top:' + anchor.height + 'px;');
+ }
+ if(anchor.width > 0 && anchor.width < size.width){
+ csstext.push('width:' + (size.width - anchor.width) + 'px; padding-left:' + anchor.width + 'px;');
+ }
+ } else {
+ csstext.push('height:' + size.height + 'px; line-height:' + size.height + 'px;');
+ csstext.push('width:' + size.width + 'px; text-align:center;');
+ }
+ }
+
+ csstext.push('cursor:pointer; color:' + textColor + '; position:absolute; font-size:' +
+ textSize + 'px; font-family:Arial,sans-serif; font-weight:bold');
+ return csstext.join('');
+ };
+
+
+ /**
+
+ * 当鼠标点击该覆盖物时会触发该事件
+
+ * @name TextIconOverlay#click
+
+ * @event
+
+ * @param {Event Object} e 回调函数会返回event参数，包括以下返回值：
+
+ * "type : {String} 事件类型 + + *
"target：{BMapLib.TextIconOverlay} 事件目标 + + * + + */ + + /** + + * 当鼠标进入该覆盖物区域时会触发该事件 + + * @name TextIconOverlay#mouseover + + * @event + * @param {Event Object} e 回调函数会返回event参数，包括以下返回值： + + *
"type : {String} 事件类型 + + *
"target：{BMapLib.TextIconOverlay} 事件目标 + + *
"point : {BMap.Point} 最新添加上的节点BMap.Point对象 + + *
"pixel：{BMap.pixel} 最新添加上的节点BMap.Pixel对象 + + * + + * @example 参考示例：
+ + * myTextIconOverlay.addEventListener("mouseover", function(e) { alert(e.point); }); + + */ + + /** + + * 当鼠标离开该覆盖物区域时会触发该事件 + + * @name TextIconOverlay#mouseout + + * @event + + * @param {Event Object} e 回调函数会返回event参数，包括以下返回值： + + *
"type : {String} 事件类型 + + *
"target：{BMapLib.TextIconOverlay} 事件目标 + + *
"point : {BMap.Point} 最新添加上的节点BMap.Point对象 + + *
"pixel：{BMap.pixel} 最新添加上的节点BMap.Pixel对象 + + * + + * @example 参考示例：
+ + * myTextIconOverlay.addEventListener("mouseout", function(e) { alert(e.point); }); + + */ + + + /** + * 为该覆盖物绑定一系列事件 + * 当前支持click mouseover mouseout + * @return 无返回值。 + */ + TextIconOverlay.prototype._bind = function(){ + if (!this._domElement){ + return; + } + + var me = this; + var map = this._map; + + var BaseEvent = T.lang.Event; + function eventExtend(e, be){ + var elem = e.srcElement || e.target; + var x = e.clientX || e.pageX; + var y = e.clientY || e.pageY; + if (e && be && x && y && elem){ + var offset = T.dom.getPosition(map.getContainer()); + be.pixel = new BMap.Pixel(x - offset.left, y - offset.top); + be.point = map.pixelToPoint(be.pixel); + } + return be; + }//给事件参数增加pixel和point两个值 + + T.event.on(this._domElement,"mouseover", function(e){ + me.dispatchEvent(eventExtend(e, new BaseEvent("onmouseover"))); + }); + T.event.on(this._domElement,"mouseout", function(e){ + me.dispatchEvent(eventExtend(e, new BaseEvent("onmouseout"))); + }); + T.event.on(this._domElement,"click", function(e){ + me.dispatchEvent(eventExtend(e, new BaseEvent("onclick"))); + }); + }; + +})(); \ No newline at end of file