求助! 百度地图 标注问题。。。

发布于 2021-11-11 19:15:38 字数 2096 浏览 710 评论 6

<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>

经纬度是从我自己的数据库中读取的...现在页面有上很多个点.好几个千个点,导致页面加载很卡很慢 求解决办法...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

等风来 2021-11-16 13:38:33

用聚集来标注点 多个点可以显示一个然后显示数字

2021-11-16 13:22:40

你好,可否给个例子或者链接 看看。。。谢谢

想挽留 2021-11-16 12:16:20

回复
你可以按照zoom level把点分组,或者给每个点增加一个zoom level字段,然后不用我说了吧?

不乱于心 2021-11-16 11:57:20

分级显示。重要的点在小比例尺上显示,次要的点在放大之后的区域内才显示。

你曾走过我的故事 2021-11-15 02:06:09

额,...客户要全部显示....整的我很头疼

睫毛上残留的泪 2021-11-14 08:03:51

少标一些点

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文