GooglemapsAPI上的多个标记
本文关键字:GooglemapsAPI | 更新日期: 2023-09-27 18:00:03
我想在地图上添加多个标记。金额是可变的(一到几百)哪一个是最好的解决方案?
-
生成坐标为的kml文件
-
使用javascript并通过(在我的例子中)c#创建大量标记变量
-
另一方面,我没有想到
非常感谢
集群!请参阅本页: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);