您的位置:首页 > 运维架构

OpenLayers开发:添加地标

2015-07-14 15:15 281 查看
地标是地图应用中常用的方法,通过一个小图标在地图上来标识pointsof interest(POI)。地标方法主要涉及OpenLayers.Marker和OpenLayers.Layer.Markers两个类,下面介绍添加地标的方法。

1. 创建HTML文件,引入OpenLayers开发包,插入地图div元素:

2. 创建地图实例对象,添加基础图层和相应控件。

3. 增加OpenLayers.Layer.Markers图层,该图层用来包含地标OpenLayers.Marker对象。

var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);
4. 创建地标,并添加到地标图层。

//定义图标大小
var size = newOpenLayers.Size(44, 40);
//定义图标偏移
var offset = newOpenLayers.Pixel(-(size.w / 2), -size.h);
//定义图标
var icon = newOpenLayers.Icon('images/marker-gold.png', size, offset);
//创建地标
var marker = newOpenLayers.Marker(new OpenLayers.LonLat(116.0, 40), icon);

//将创建的地标添加到地标图层
markers.addMarker(marker);

运行结果如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: