如题:使用了google map api 3,不太懂应用,是这样添加的:var map;
function initialize() {
var myLatLng = new google.maps.LatLng(36.1237090902, 120.3454633026);
var myOptions = {
zoom: 11,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var image = 'images/recycle.png';
var sss1 = new google.maps.LatLng( 36.2311 , 120.3591 ); var er = new google.maps.Marker({position: sss1 ,map: map,content: " sss1自动站信息", title:' sss1 ',clickable: true,icon:image})
var sss2 = new google.maps.LatLng( 36.2103 , 120.26 ); var er = new google.maps.Marker({position: sss2 ,map: map,content: ' sss2 ', title:' sss2 ',clickable: true})
var sss3 = new google.maps.LatLng( 36.2756 , 120.2328 ); var er = new google.maps.Marker({position: sss3 ,map: map,content: ' sss3 ', title:' sss3 ',clickable: true})
………………
var sss100 = new google.maps.LatLng( 36.0911 , 120.0947 ); var er = new google.maps.Marker({position: sss100 ,map: map,content: ' sss100 ', title:' sss100 ',clickable: true})
}
}大概定义了100多个sss地点信息。
但是我有个需求,想做到一些效果,当鼠标放到地点上,能出现一个infowindows或者层什么的显示一些信息;并且这些信息框能自动轮显;另外,我这么加地点似乎速度很慢啊,有什么优化没有?
function initialize() {
var myLatLng = new google.maps.LatLng(36.1237090902, 120.3454633026);
var myOptions = {
zoom: 11,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var image = 'images/recycle.png';
var sss1 = new google.maps.LatLng( 36.2311 , 120.3591 ); var er = new google.maps.Marker({position: sss1 ,map: map,content: " sss1自动站信息", title:' sss1 ',clickable: true,icon:image})
var sss2 = new google.maps.LatLng( 36.2103 , 120.26 ); var er = new google.maps.Marker({position: sss2 ,map: map,content: ' sss2 ', title:' sss2 ',clickable: true})
var sss3 = new google.maps.LatLng( 36.2756 , 120.2328 ); var er = new google.maps.Marker({position: sss3 ,map: map,content: ' sss3 ', title:' sss3 ',clickable: true})
………………
var sss100 = new google.maps.LatLng( 36.0911 , 120.0947 ); var er = new google.maps.Marker({position: sss100 ,map: map,content: ' sss100 ', title:' sss100 ',clickable: true})
}
}大概定义了100多个sss地点信息。
但是我有个需求,想做到一些效果,当鼠标放到地点上,能出现一个infowindows或者层什么的显示一些信息;并且这些信息框能自动轮显;另外,我这么加地点似乎速度很慢啊,有什么优化没有?
你在上面加个
google.maps.event.addDomListener(this.containerCar,"click", function(){
});
这个是添加事件在maker上面。
然后在用个for循环,问题搞定。