1
2
3
var div = document.createElement('div')// 新增元素
var diva = document.getElementById('a')// 获取id为a的元素
diva.parentNode.insertBefore(div, diva)// 在这个元素前面增加上去
JSON数据:
[{"name":"白银区","position":[103,37]},
{"name":"平川区","position":[103,38]},
{"name":"靖远县","position":[103,39]},
{"name":"景泰县","position":[103,40]},
{"name":"会宁县","position":[103,41]}
]
添加多个标注
$.getJSON('openlayers/json_map/tmp/1.json',function(data){//创建新标注层
Mk_2 = new OpenLayers.Layer.Markers("白银")
//设定初始化标注不可见
Mk_2.setOpacity(1)
//根据JSON服务器传回的数据创建标注点
$.each(data, function(i,n){
//创建新标注
var Mk = new OpenLayers.Marker(new OpenLayers.LonLat(n.position).transform("EPSG:4326", "EPSG:900913"))
//为标注注册事件
Mk.events.register("mousedown", Mk,function(evt) {
alert(n.name)
OpenLayers.Event.stop(evt)
})
//把标注加进标注层里
Mk_2.addMarker(Mk)
})
//把标注添加到地图上
map.addLayer(Mk_2)
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)