【问题标题】:Negative value in anchor property锚属性中的负值
【发布时间】:2016-12-18 04:31:22
【问题描述】:

Chaps,使用 MarkerClusterer (Google Maps JS API),我无法为集群器内的文本位置设置负值。 我有一个自定义集群图标,它要求文本位于集群器画布的右上角。

目前,我使用的是:。但数字应该在右上角的白色圆圈内。

有可能吗?如果是这样,为什么我没有实现这一点(代码如下)?

var clusterStyles = [{url: 'imgs/mapa/cluster.png',
                      height: 56,
                      width: 48,
                      textSize: 15,
                      anchor: [0, 32]}];

【问题讨论】:

  • 已编辑,添加当前情况预览。
  • 对不起,我之前的评论不完全正确。为什么不能设置负值?什么错误?
  • 对我来说 anchor: [-20, 32] 工作正常 :)
  • 即使输入负值,位置也保持“相同”。实际上它可以追溯到 [0, 0](在我的例子中是 [0, 32])。
  • 请提供一个 minimal reproducible example 来证明问题(包括您正在使用的 markerClusterer 的版本)。

标签: javascript google-maps google-maps-api-3 google-maps-markers markerclusterer


【解决方案1】:

看看这个工作示例。它工作正常。我拿了你的脚本代码,只是替换了图片的网址:

var clusterStyles = [{
    url: 'https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images/m1.png',
    height: 56,
    width: 48,
    textSize: 15,
    anchor: [-20, 30]
}];

var options_markerclusterer = {
    gridSize: 20,
    maxZoom: 18,
    zoomOnClick: false,
    styles: clusterStyles
  };

https://jsfiddle.net/mk06wc0k/

锚的负值运行良好。如果它不适合您,您必须显示更多代码。

【讨论】:

  • 老兄,感谢您的努力。你的小提琴/代码真的很好用,没有抱怨。但问题是由 MarkerClusterer 文件的版本引起的。将我的文件更改为您在小提琴和 ta-dah 中使用的文件!
  • 您可以从project page下载最新版本并上传到您的项目中。
猜你喜欢
  • 2012-11-17
  • 1970-01-01
  • 2012-02-10
  • 2018-08-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-14
相关资源
最近更新 更多