Javascript 在MarkerClustererPlus中,MarkerClustererOptions的样式参数工作不正常

Javascript 在MarkerClustererPlus中,MarkerClustererOptions的样式参数工作不正常,javascript,css,google-maps,google-maps-api-3,markerclusterer,Javascript,Css,Google Maps,Google Maps Api 3,Markerclusterer,我正在使用MarkerClustererPlus,然后我为MarkerClustererOptions的样式参数创建了一个数组,该数组传递不同类型的图标以显示在地图中,但它不会渲染所有图标。它只是从样式数组中拾取第一个图标,而不是其他图标 函数初始化(){ var center=newgoogle.maps.LatLng(63.078877,21.660509); 变量位置=[ {名称:'ABB',lat:63.0883633,lon:21.6609529,图片:'ABB.png',webp:

我正在使用MarkerClustererPlus,然后我为MarkerClustererOptions的样式参数创建了一个数组,该数组传递不同类型的图标以显示在地图中,但它不会渲染所有图标。它只是从样式数组中拾取第一个图标,而不是其他图标

函数初始化(){
var center=newgoogle.maps.LatLng(63.078877,21.660509);
变量位置=[
{名称:'ABB',lat:63.0883633,lon:21.6609529,图片:'ABB.png',webp:'http://www.abb.fi/'},
{名称:'Wartsila',lat:63.102724,lon:21.610709,图像:'',webp:'http://www.wartsila.com/'},
{name:'EPV',lat:63.092265,lon:21.55922,图像:“”,webp:'http://www.epv.fi/'},
{名称:'Vacon',纬度:63.0597281,经纬度:21.7370728,图像:'',webp:'http://www.vacon.fi/'},
{名称:'Vamp',纬度:63.06153,经度:21.735314,图像:'',webp:'http://www.vamp.fi/'}
];
变量clusterStyles=[
{textColor:'white',url:'do.png',高度:50,宽度:50},
{textColor:'white',url:'do1.png',高度:50,宽度:50},
{textColor:'white',url:'do2.png',高度:50,宽度:50}
];
变量clusterOptions={
样式:clusterStyles
}
var map=new google.maps.map(document.getElementById('map'){
缩放:3,
中心:中心,,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var标记=[];
对于(变量i=0;i
正文{
保证金:0;
填充:10px 20px 20px;
字体系列:Arial;
字体大小:16px;
}
#地图容器{
填充:6px;
边框宽度:1px;
边框样式:实心;
边框颜色:#ccc#ccc#999#ccc;
-webkit盒阴影:rgba(64,64,64,0.5)0 2px 5px;
-moz盒阴影:rgba(64,64,64,0.5)0 2px 5px;
盒影:rgba(64,64,64,0.1)0 2px 5px;
宽度:600px;
}
#地图{
宽度:600px;
高度:400px;
}

MarkerClustererV3简单示例

我不确定您对这些样式的期望,但我猜您误解了目的

您定义了3种样式,这意味着:

  • 第一种样式将用于少于10个标记的簇
  • 第二种样式将用于带有10-99个标记的簇
  • 第三种样式将用于所有其他集群
在代码中创建了5个标记(将被聚集),因此Markerclusterer将始终使用第一种样式,因为标记的数量始终少于10个


向Markerclusterer添加更多标记,当群集包含9个以上(或99个以上)标记时,也将使用其他图标。

我不确定您对样式的期望,但我猜您误解了用途

您定义了3种样式,这意味着:

  • 第一种样式将用于少于10个标记的簇
  • 第二种样式将用于带有10-99个标记的簇
  • 第三种样式将用于所有其他集群
在代码中创建了5个标记(将被聚集),因此Markerclusterer将始终使用第一种样式,因为标记的数量始终少于10个


向Markerclusterer添加更多标记,当群集包含9个以上(或99个以上)标记时,也将使用其他图标。

要选择特定样式,必须设置
计算器功能:

styles:定义样式的ClusterConstyle元素数组 要使用的群集标记。用于设置样式的元素 给定的簇标记由 计算器属性


您可以使用其余的文档。

要选择特定的样式,您必须设置
计算器
功能:

styles:定义样式的ClusterConstyle元素数组 要使用的群集标记。用于设置样式的元素 给定的簇标记由 计算器属性


您可以查看其余的文档。

谢谢,我收到了。我必须使用setCalculator()方法。然后我可以设置标记的数量,之后样式将更改。谢谢谢谢,我明白了。我必须使用setCalculator()方法。然后我可以设置标记的数量,之后样式将更改。谢谢