javascript - 标签显示在标记上方 - MarkerWithLabel

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 8 年前。

Improve this question

Javascript(请参阅 MarkerWithLabel 文档)

var marker1 = new MarkerWithLabel({
           position: homeLatLng,
           draggable: true,
           raiseOnDrag: true,
           map: map,
           labelContent: "$425K",
           labelAnchor: new google.maps.Point(22, 0),
           labelClass: "marker", // the CSS class for the label
           labelStyle: {opacity: 0.75}
         });

CSS:

.marker {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    min-width: 36px;
    text-align: center;
    white-space: nowrap;
}

请查看截图 - /image/YM0Uq.jpg标签始终位于标记之前。

JSFIDDLE

可以修复吗？谢谢。

Answer 1

在MarkerWithLabel.js中:

找到这个:

this.getPanes().overlayImage.appendChild(this.labelDiv_);
  this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_);
  // One cross is shared with all markers, so only add it once:
  if (typeof MarkerLabel_.getSharedCross.processed === "undefined") {
    this.getPanes().overlayImage.appendChild(this.crossDiv_);
    MarkerLabel_.getSharedCross.processed = true;
  }

更改为:

this.getPanes().markerLayer.appendChild(this.labelDiv_);
  this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_);
  // One cross is shared with all markers, so only add it once:
  if (typeof MarkerLabel_.getSharedCross.processed === "undefined") {
    this.getPanes().markerLayer.appendChild(this.crossDiv_);
    MarkerLabel_.getSharedCross.processed = true;
  }