GooglemapsAPI上的多个标记

本文关键字:GooglemapsAPI | 更新日期: 2023-09-27 18:00:03

我想在地图上添加多个标记。金额是可变的(一到几百)哪一个是最好的解决方案?

  1. 生成坐标为的kml文件

  2. 使用javascript并通过(在我的例子中)c#创建大量标记变量

  3. 另一方面,我没有想到

非常感谢

GooglemapsAPI上的多个标记

集群!请参阅本页:https://developers.google.com/maps/articles/toomanymarkers我在实际项目中使用此解决方案。

示例:

 var latlng = new google.maps.LatLng(-17.308688,-49.495605);
 var myLatlng, marker, marker_cluster;
 var markers = [];
 var mapOptions = {
        zoom: 4,
        minZoom: 4,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        backgroundColor: '#f0f0f0'
 };
 map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
$.each(itens, function (k, iten) {
        myLatlng = new google.maps.LatLng(iten.lat, iten.lng);
        marker = new google.maps.Marker({
            position: myLatlng,
            title: iten.title
        });
        markers.push(marker);
    });
marker_cluster = new MarkerClusterer(map, markers);