<script>
function init() {
var center = new qq.maps.LatLng(39.916527,116.397128);
var map = new qq.maps.Map(document.getElementById("container"), {
center: center,
zoom: 13
});
var infoWin = new qq.maps.InfoWindow({
map: map
});
/*
var latlngs = [
new qq.maps.LatLng(39.91474,116.37333),
new qq.maps.LatLng(39.91447,116.39336),
new qq.maps.LatLng(39.90884,116.41306)
];
for(var i = 0;i < latlngs.length; i++) {
// alert(latlngs.length);
(function(n){
var marker = new qq.maps.Marker({
position: latlngs[n],
map: map
});
qq.maps.event.addListener(marker, 'click', function() {
infoWin.open();
infoWin.setContent('<div style="text-align:center;white-space:'+
'nowrap;margin:10px;">这是第 ' +
n + ' 个标注</div>');
infoWin.setPosition(latlngs[n]);
});
})(i);
}
*/
for(var i = 0;i < 12; i++) {
(function(){
qq.maps.event.addListener(map, 'click', function(evt) {
var marker = new qq.maps.Marker({
position: evt.latLng,
map: map
});
infoWin.open();
infoWin.setContent('<div style="text-align:center;white-space:'+
'nowrap;margin:10px;">这是第 ' +
i + ' 个标注</div>');
infoWin.setPosition(evt.latLng);
});
})(i);
}
}
</script>
腾讯地图实现多点标注
最新推荐文章于 2024-03-26 15:19:03 发布