请问Openlayers如何实现用鼠标框多个标注点

请问Openlayers如何实现用鼠标框多个标注点,第1张

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)

})

在google地图上,找到一个地址后,做savethisplace到默认地图,依次把多个地址加到这个地图。

具体 *** 作步骤参考如下:1、选择工具中的标记按钮,会出来一个如下图工具栏,包括标记、手绘路线和文字标注等;

2、添加标记,输入名称和备注,然后点击保存;

3、加入收藏夹,收藏夹即下图那个五角星按钮,点击即可;

4、然后再重复上述第三步和第四步的步骤,就可以标记出多个地点,如下图所示,在收藏夹中可看到自己的多个标记;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11654754.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存