1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > php百度地图添加标记 JavaScript API - 自定义标注 | 百度地图API SDK

php百度地图添加标记 JavaScript API - 自定义标注 | 百度地图API SDK

时间:2021-10-16 15:53:34

相关推荐

php百度地图添加标记 JavaScript API - 自定义标注 | 百度地图API SDK

实现initialize方法,当调用map.addOverlay方法时,API会调用此方法。

当调用map.addOverlay方法添加自定义覆盖物时,API会调用该对象的initialize方法用来初始化覆盖物,在初始化过程中需要创建覆盖物所需要的DOM元素,并添加到地图相应的容器中。这里我们选择添加在容器markerPane上。

// 实现初始化方法

SquareOverlay.prototype.initialize = function(map){

// 保存map对象实例

his._map = map;

// 创建div元素,作为自定义覆盖物的容器

var div = document.createElement("div");

div.style.position = "absolute";

// 可以根据参数设置元素外观

div.style.width = this._length + "px";

div.style.height = this._length + "px";

div.style.background = this._color;

// 将div添加到覆盖物容器中

map.getPanes().markerPane.appendChild(div);

// 保存div实例

this._div = div;

// 需要将div元素作为方法的返回值,当调用该覆盖物的show、

// hide方法,或者对覆盖物进行移除时,API都将操作此元素。

return div;

}

地图提供了若干容器供覆盖物展示,通过map.getPanes方法可以得到这些容器元素,它们包括:

floatPane

markerMouseTarget

floatShadow

labelPane

markerPane

mapPane

这些对象代表了不同的覆盖物容器元素,它们之间存在着覆盖关系,最上一层为floatPane,用于显示信息窗口内容,下面依次为标注点击区域层、信息窗口阴影层、文本标注层、标注层和矢量图形层。

我们自定义的方形覆盖物可以添加到任意图层上,如上示例,我们选择添加到markerPane上,作为其一个子结点。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。