<script type="text/javascript">
//创建和初始化地图函数:
var infoWindow;
var map = new BMap.Map("dituContent");//在地图容器中创建一个地图
<s:iterator value="tyList" var="ty" >
var point = new BMap.Point(<s:property value="#ty.dtjd" />,<s:property value="#ty.dtwd" />);//定义一个中心点坐标
map.centerAndZoom(point, 13);//设定地图的中心点和坐标并将地图显示在地图容器中
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
var opts = {
width : 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title : "个人基本信息" // 信息窗口标题
}
marker.addEventListener("click", function () {
var sContent =
"<h4 style='margin:0 0 5px 0;padding:0.2em 0'>个人基本信息</h4>" +
"<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>姓名 : <s:property value="#ty.xm" />,</br>工作单位 : <s:property value="#ty.gzdw" /><br/>家庭住址 : <s:property value="#ty.jtzz" /></p>" +
"</div>";
var infoWindow = new BMap.InfoWindow(sContent);
this.openInfoWindow(infoWindow);});
</s:iterator>
initMap();//创建和初始化地图
function initMap() {
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
}
//地图事件设置函数:
function setMapEvent() {
map.enableDragging();//启用地图拖拽事件
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.disableDoubleClickZoom();//禁用鼠标双击放大
map.disableKeyboard();//禁用键盘上下左右键移动地图,默认禁用(可不写)
}
//地图控件添加函数:
function addMapControl() {
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl( {
anchor : BMAP_ANCHOR_TOP_LEFT,
type : BMAP_NAVIGATION_CONTROL_LARGE
});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl( {
anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
isOpen : 1
});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl( {
anchor : BMAP_ANCHOR_BOTTOM_LEFT
});
map.addControl(ctrl_sca);
}
</script>
经纬度是从我自己的数据库中读取的...现在页面有上很多个点.好几个千个点,导致页面加载很卡很慢 求解决办法...

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。