for (int i = 0i <list.size()i++) {
MarkerOptions marker = list.get(i)
aMap.addMarker(marker)
}
关于MarkerOptions的创建：
MarkerOptions option = new MarkerOptions()
//设置坐标点
option.position(new LatLng(lat, lng))
移除marker
List saveMarkerList = aMap.getMapScreenMarkers()
if (saveMarkerList == null || saveMarkerList.size() <= 0)
return
for (Marker marker : saveMarkerList) {
marker.remove()
}
希望能帮到你...
以下是代码，初次加载可以，定时刷新后标注没法更新var markerArr
var markers = new Array()
//获取站点的初始信息(地理位置)
//var markerArr//标注点数组
function getMarkers(){
$.ajax({
type : "post",
url : "servlet/InTime",
async : false,
success : function(result){
markerArr = result
}
})
}
function addMarker() {
for(var i = 0i<markerArr.lengthi++){
var json = markerArr[i]
var p0 = json.longitude
var p1 = json.latitude
markers[i] = new BMap.Marker(new BMap.Point(p0, p1), {
// 指定Marker的icon属性为Symbol
icon: new BMap.Symbol(BMap_Symbol_SHAPE_POINT, {
scale: 0.6,//图标缩放大小
fillColor: json.signal,//填充颜色
fillOpacity: 1//填充透明度
}),
title : json.name
})
var label = new BMap.Label(json.name+"最新时次:"+json.datetime, {
"offset" : new BMap.Size(10, -20)
})
label.setStyle( {
borderColor : "#808080",
color : "#333",
cursor : "pointer"
})
markers[i].setLabel(label)
label.hide()
map.addOverlay(markers[i])
(function(){
var index = i
var _marker = markers[i]
_marker.addEventListener("mouseover", function(){
this.getLabel().show()
this.setAnimation()
})
_marker.addEventListener("mouseout", function(){
this.getLabel().hide()
})
_marker.addContextMenu(createMenu(i,_marker))
})()
}
}
//获取站点的初始信息(地理位置)
getMarkers()
//向地图中添加marker
addMarker()
function runAddmarkers(){
var allOverlay = map.getOverlays()
for(var i=0i<allOverlay.lengthi++){
if(allOverlay[i].toString()=="[object Marker]"){
map.removeOverlay(allOverlay[i])
}
}
$.ajax({
type : "post",
url : "servlet/InTime",
async : true,
success : function(result){
alert(result.length)
markerArr = result
}
})
for(var i = 0i<markerArr.lengthi++){
var json = markerArr[i]
var p0 = json.longitude
var p1 = json.latitude
var marker = new BMap.Marker(new BMap.Point(p0, p1), {
// 指定Marker的icon属性为Symbol
icon: new BMap.Symbol(BMap_Symbol_SHAPE_POINT, {
scale: 0.6,//图标缩放大小
fillColor: json.signal,//填充颜色
fillOpacity: 1//填充透明度
}),
title : json.name
})
var label = new BMap.Label(json.name+"最新时次:"+json.datetime, {
"offset" : new BMap.Size(10, -20)
})
label.setStyle( {
borderColor : "#808080",
color : "#333",
cursor : "pointer"
})
marker.setLabel(label)
label.hide()
map.addOverlay(marker)
(function(){
var index = i
var _marker = marker
_marker.addEventListener("mouseover", function(){
this.getLabel().show()
})
_marker.addEventListener("mouseout", function(){
this.getLabel().hide()
})
})()
}
setTimeout("runAddmarkers()",20000)
}
var timer = setTimeout("runAddmarkers()",20000)望采纳。
表格中每一行数据均对应地图上一个坐标点，要求：1、在表格中选中一行时，在地图上对应坐标点被同步点亮，以区别其他坐标点
2、点击地图上坐标点时，在表格中对应数据行被同步选中，以区别表格中其他数据行。
3、地图上多个坐标点重合时，被点亮坐标点自动显示在最顶层；点击此重合坐标点，等同于点击该重合坐标点中最顶层的那一个坐标点。
1、下图为点标记方式下的需求示意图：
说明：点亮就是上图中选中对应行数据的点标记颜色变为红色。
2、下图为点聚合方式下的需求示意图：
说明：上图中有表格有8行数据，对应地图上8个坐标点，其中有3个坐标点是重合的。
解决以上需求，可选择的方案有两个：
所谓点标记Marker，就是在地图上指定的一个坐标上打上一个Marker（如显示一个水滴图形，或者自定义的其他任何图形式），一个地图上可以定义很多个Marker。
这种方式的优点：可以清晰区分每个点，数据行和点标记之间可以联动。
这种方式的缺点：如果几个坐标相互之间非常近，导致点标记Marker重叠，很难识别重叠了几个坐标点，分别是哪几个点。
所谓点聚合MarkerCluster就是，在地图缩小的一定比例时，预定距离内的点会自动合并成一个点显示【上图中有3数字的点就是一个聚合点，说明有3个坐标合并的，并通过地图提供的方法可以获取到这个3个坐标的清单】。点聚合本质上是若干个点的集合，可以随时往其中增、减点，但无法针对其中的特定一个点进行个性化（如点亮）。
【注意，JSAPI1.0版本下点聚合不好用，2.0版本就能正常使用了】
这种方式的优点：地图上可以清晰看出哪些是单独点？哪些是聚合点？每个聚合点聚合了多少个坐标？
这种方式的缺点：在地图上无法点亮任意指定的一个坐标点（这个坐标点可能是一个单独的坐标点，也可能是一个聚合点中的某一个坐标点）
通过分析以上可选择的方案，发现两个方案都不能完全满足需求：Marker方式难以取到重合点的点清单；MarkerColuster方式难以点亮指定一个坐标点。【此事古难全，对于完美主义者来说，这种扬弃性质的选择最是痛苦】
最终笔者选择了Marker的方案，思路如下：
1、点亮标记，表格选中行的同时，对应坐标点的图标变为红色
2、标记置顶，点亮的标记通过setzIndex置顶（对于单独点没有意义，但对于重合点，就有价值了）
3、关闭点亮，将上一个选中的点置暗，即恢复正常，不再处于点亮状态。
对于重合点，在地图上的无法选中指定一个点，也无法显示点清单，更无法显示重合点内包含的点数量。但是可以通过表格选中某一行的方式，点亮地图上的对应坐标点，并将该坐标点置顶，以便于在地图上可以选中该点（选中的目的是方便后续逻辑，如通过d出信息窗方式显示该点的详细信息）。
如果有通过MarkerCluster能够解决以上需求的方法，欢迎各位可以在留言区探讨。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）