Как я могу изменить значок кластера? Мне нравится иметь тот же значок, с другим цветом, чем синий.
Google Maps Api v3, пользовательский значок кластера
Ответ 1
Вам нужно использовать параметр styles при инициализации объекта MarkerClusterer - приведенный ниже код показывает стили по умолчанию, поэтому, если вы хотите перекрасить один из значков, просто измените соответствующий URL-адрес на ваше изображение...
//set style options for marker clusters (these are the default styles)
mcOptions = {styles: [{
height: 53,
url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png",
width: 53
},
{
height: 56,
url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png",
width: 56
},
{
height: 66,
url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m3.png",
width: 66
},
{
height: 78,
url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m4.png",
width: 78
},
{
height: 90,
url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m5.png",
width: 90
}]}
//init clusterer with your options
var mc = new MarkerClusterer(map, markers, mcOptions);
Ответ 2
Google изменил свое репо. Последнее кластерное репо: https://github.com/googlemaps/js-marker-clusterer изображения: https://github.com/googlemaps/js-marker-clusterer/tree/gh-pages/images
Вы также можете рассмотреть возможность загрузки источника и ссылку на свой локальный путь. Таким образом, у вас будет больше возможностей для управления ресурсами, которые необходимы вашему приложению.
local_path "/pucblic/"
mcOptions = {styles: [{
height: 53,
url: local_path+"m1.png",
width: 53
},
{
height: 56,
url: local_path+"m2.png",
width: 56
},
{
height: 66,
url: local_path+"m3.png",
width: 66
},
{
height: 78,
url: local_path+"m4.png",
width: 78
},
{
height: 90,
url: local_path+"m5.png",
width: 90
}]}
Ответ 3
Ярлык перекрывает путь изображения следующим образом:
MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ =
"https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m";
Ответ 4
Эти значки больше не находятся на серверах Google.