OpenLayers开发：添加地标

by giser · 2019-04-03

地标是地图应用中常用的方法，通过一个小图标在地图上来标识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);

运行结果如下：

转载自：https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/46878453.jpg