var map, layer
function init(){
OpenLayers.ProxyHost="/proxy/?url="
map = new OpenLayers.Map('map')
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} )
map.addLayer(layer)
map.setCenter(new OpenLayers.LonLat(0, 0), 0)
var newl = new OpenLayers.Layer.Text( "text", { location:"./textfile.txt"} )
map.addLayer(newl)
var markers = new OpenLayers.Layer.Markers( "Markers" )
map.addLayer(markers)
var size = new OpenLayers.Size(21,25)
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h)
var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png',size,offset)
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon))
var halfIcon = icon.clone()
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,45),halfIcon))
marker = new OpenLayers.Marker(new OpenLayers.LonLat(90,10),icon.clone())
marker.setOpacity(0.2)
marker.events.register('mousedown', marker, function(evt) { alert(this.icon.url)OpenLayers.Event.stop(evt)})
通常需要在地图上标注出一些景点、建筑或者公共设施,可以选择使用矢量标注或者聚合标注。openlayers 添加矢量标注的原理是将标注添加到一个新建的矢量层上,再将矢量层添加到地图上叠加显示;聚合标注的原理同上,但它适用于标注的数据量非常大的场景,随着层级的放大,会展示更多的标注,缩小时,则将标注聚合显示,能够在大量加载标注时提高渲染性能。
1、矢量标注
2、聚合标注
openlayers 可以创建一个 Overlay 覆盖层,这个覆盖层能够展示自己写的 html 内容,从而实现添加各种所需的覆盖物。也可以通过这个方法来添加标注,但覆盖层添加的覆盖物会影响地图的拖动(即在覆盖物上进行滑动 *** 作时地图无法响应,虽然可以通过设置 stopEvent 将滑动事件传递到地图上,但这样会导致在IOS端的覆盖物无法进行点击 *** 作)。
因此如果要添加可以点击并且不影响地图拖动的标注时,建议使用矢量层标注,而如果要展示自定义的一些内容,如点击地图d出对话信息框、地图上的自定义按钮等则使用覆盖层更加合适。
1、加载覆盖层
2、添加地图点击监听事件
原理大致与添加矢量标注相同,都是添加在矢量图层上,不过这里添加的是线对象。
从自己的角度,简单的二次封装了一下openlayer,在这里提供一下我的思路!1.添加一个底图对象 map
2.向底图对象上添加线层或者点层 line-map与 point-map
效果图
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)