vue+百度地图：自定义覆盖物

最新推荐文章于 2024-09-05 09:54:15 发布

何良语

最新推荐文章于 2024-09-05 09:54:15 发布

阅读量4.9k

点赞数

本文链接：https://blog.csdn.net/sinat_39626276/article/details/79855235

版权

本文介绍如何在Vue项目中结合百度地图API创建复杂的自定义覆盖物，包括覆盖物的样式、指标、箭头以及地点信息的显示，并展示了动态添加多个覆盖物的示例代码。

摘要由CSDN通过智能技术生成

// 复杂的自定义覆盖物
        function ComplexCustomOverlay(point, text, tipText){
          this._point = point;
          this._text = text;
          this._tipText = tipText;
        }
        ComplexCustomOverlay.prototype = new BMap.Overlay();
        ComplexCustomOverlay.prototype.initialize = function(map){
          this._map = map;
          let div = this._div = document.createElement("div");
          let backColor = "green";
          // 覆盖物样式
          div.style.position = "absolute";
          div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
          div.style.color = "#000";
          div.style.whiteSpace = "nowrap";
          div.style.MozUserSelect = "none";
          div.style.fontSize = "12px";
          div.style.textAlign = 'center';
          div.className = 'point';

          // 指标