Question

我正在使用以下代码创建标记：

var siteLatLng = new google.maps.LatLng(value2["lat"], value2["lon"]);
var marker = new google.maps.Marker({
    position: siteLatLng,
    map: map,
    icon: 'https://maps.google.com/mapfiles/kml/shapes/schools_maps.png',
    title: value2["title"],
    zIndex: 4,
    html: value2["content"]
});

现在我想对我的地图中的标记进行分组，这是由

创建的

var centerMap = new google.maps.LatLng(50, 10);
var myOptions = {
    zoom: 4,
    center: centerMap,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('gMapsPreview'), myOptions);

提前感谢：）

Answer 1

使用Maps API V3，您现在可以创建MarkerCluster以将这些标记组合在一起。

我没有任何有效的例子，但你可以去：https://developers.google.com/maps/articles/toomanymarkers 获得更多相关信息。

实际上网上有一些像这样的例子： https://googlemaps.github.io/js-marker-clusterer/docs/examples.html

要使用它，您将拥有以下内容：

$('.carousel-control').on('click', function() {
    $('html, body').scrollTo('#contentfeadtures',{duration:'slow', offsetTop : '0'});
});

群组标记 - Google Maps API

1 个答案: